當前位置:首頁 » 安卓系統 » android標注

android標注

發布時間: 2022-11-26 15:24:00

① 如何高效地輸出iOS和Android標注和切圖

很多產品為了降低設計成本並保持多平台體驗的一致性,都以iOS為主做一套交互設計,應用於iOS和Android兩個平台。很多團隊的做法是先做一套iOS的UI+標注+切圖,再在iOS的基礎上縮放一套Android的UI+標注+切圖。事實上這樣的做法是低效,且無效的。

  1. iOS設計的像素尺寸是640*960/1136,Android主流的hdpi模式下的像素尺寸是480*800。

  2. xhdpi模式和hdpi模式的換算比例也是75%。也就是說xhdpi模式下切圖尺寸跟iOS下是一樣的。所以iOS的切圖可以直接適用於Android的xhdpi模式。至於除hdpi和xhdpi之外的其他模式,如果需要適配,就需要單獨處理圖片了。

② iOS和Android手機移動端如何分享標注

筆記和標注的分享功能僅支持Kindle電子書閱讀器,iOS和Android手機移動端不支持筆記的分享,但可分享標注內容。 手動選中需要分享的內容,屏幕會彈出一條對話框,點擊【分享】,即可將內容分享至微博、微信好友、微信朋友圈或者其他途徑。

③ IOS和Android標注圖片的尺寸多少合適

安卓手機的APP圖標尺寸規范跟命名規范如下信息圖。

android圖標規范信息圖包含了安卓程序啟動圖標、安卓底部菜單圖標、安卓彈出對話框頂部圖標、安卓長列表內部列表項圖標和安卓底部或頂部tab標簽圖標。非常齊全。
1. 安卓程序啟動圖標:ldpi (120 dpi)
小屏mdpi (160 dpi)
中屏hdpi (240 dpi)
大屏xhdpi (320 dpi)
特大屏36 x 36 px48 x 48 px72 x 72 px96 x 96 px

2.安卓底部菜單圖標

安卓圖標2
1. 大屏:1. 完整圖片(紅色): 72 x 72 px2. 圖標(藍色): 48 x 48 px3. 圖標外邊框(粉色): 44 x 44 px1. 中屏:1. 完整圖片: 48 x 48 px2. 圖標: 32 x 32 px3. 圖標外邊框: 30 x 30 px1. 小屏:1. 完整圖片: 36 x 36 px2. 圖標: 24 x 24 px3. 圖標外邊框: 22 x 22 px
3. 安卓彈出對話框頂部圖標

Low density screen (ldpi)小屏Medium density screen (mdpi)中屏High density screen (hdpi)大屏24 x 24 px32 x 32 px48 x 48 px

4. 安卓長列表內部列表項圖標

Low density screen (ldpi)小屏Medium density screen (mdpi)中屏High density screen (hdpi)大屏24 x 24 px32 x 32 px48 x 48 px

5. 安卓底部或頂部tab標簽圖標

安卓圖標

1. 大屏 (hdpi)

screens:1. 完整圖片(紅色): 48 x 48 px

2. 圖標(藍色): 42 x 42 px1. 中屏 (mdpi) screens:1. 完整圖片: 32 x 32 px2. 圖標: 28 x 28 px1. 小屏(ldpi) screens:1. 完整圖片: 24 x 24 px2. 圖標: 22 x 22 px
6. 安卓底部狀態欄圖標

ldpi (120 dpi)小屏mdpi (160 dpi)中屏hdpi (240 dpi)大屏xhdpi (320 dpi)特大屏18 x 18 px24 x 24 px36 x 36 px48 x 48 px

安卓圖標尺寸跟狀態欄尺寸設計

蘋果公司官網設計介紹到:Retina顯示屏的超高像素密度已超過人眼能分辨的范圍。
Retina對圖像設計(圖標、啟動畫面和其它所有像素有關的東西)有什麼影響呢?如果我們的app要支持Retina,就要提供高解析度的(寬x2,高x2)的圖片。同時,為了支持沒有Retina的設備,仍舊要准備低解析度的版本。

換言之,我們要准備兩套設計圖。

針對不同解析度的圖片,蘋果規定了一個命名規范:假如一個普通解析度的圖片,文件名是「abc.png」,那麼與其對應的高解析度的文件名就應該是「[email protected]」,多了「@2x」。

下面是IOSAPP 圖標格式和尺寸規范。非常詳細。

圖標和啟動畫面的格式:推薦使用PNG格式,可以是標準的24位顏色(紅、綠和藍各用8位),外加alpha通道的8位。不要在app圖標上使用透明色。

圖標的尺寸:蘋果有一份完整的文檔,列出了app所需的全部圖標尺寸,和其各自的使用環境。

ios-APP圖標尺寸和切圖規范 求給分!!~~

④ 如何高效地輸出iOS和Android標注和切圖

搞移動開發業有些日子了。美工那邊切圖,一般都只切大圖,那些小圖都需要自己來弄。於是自己就寫了個小工具。用於一鍵生成所需要的圖片。

首先是Android的切圖生成工具。

桌面上有這樣一張圖片

⑤ 設計師如何為Android應用標注尺寸

設計 Android 應用的最佳實踐:
1. 畫布大小定位 720 x 1280,72 dpi
2. 只使用偶數單位的尺寸,比如 96 px 的列表項高度,16 px 的邊距,64 px 的圖標邊長
3. 只使用 24 pt,28 pt,36 pt 和 44 pt 的字體
4. 設計完成以後,所有尺寸的 px 值除以 2 作為 dp 數值交給工程師
5. 所有字體的 pt 值除以 2 作為 sp 數值交給工程師
6. 所有切圖變成三份,分別是原始大小、縮小 1.5 倍,縮小 2 倍,分別作為 xhdpi,hdpi,mdpi 的資源交給工程師

如果你還有好奇心,可以繼續往下看這個結論是怎麼來的。
相信你已經看過這篇文檔中關於 Android 中各種尺寸單位的介紹,沒看過的最好看一下

http://developer.android.com/guide/topics/resources/more-resources.html#Dimension

在 Android 應用設計中涉及到的單位都是密度無關像素(Density-independent Pixels),這個說法太拗口了,通俗點講,Android 應用設計中只用物理尺寸,類似厘米,英寸這種單位,不用像素。之所以這樣,是由於像素在手機領域說不清楚問題,比方說規定列表項高度是 48 px,在 HTC C510e 上看起來就不錯,但在三星 Galaxy SIII 上看起來就會非常矮,導致很難看,這是因為這兩個機器的屏幕的 dpi 相差很大,前一個大約 160 dpi,後一個大約 320 dpi。這就是手機屏幕不同帶來的問題,如果不考慮平板,不同主要是密度不同,而不是尺寸不同,也不是解析度不同,給設計帶來困擾的根本是屏幕密度不同。不幸的是,很少人對這個有概念,通常介紹手機,會說屏幕尺寸,3.5
寸還是 4 寸,會說解析度,480 x 800 還是 720 x 1280,但通常不會介紹屏幕密度是多少。其實通過尺寸和解析度可以算出密度來,dpi 的 定義是 dot per inch,即每英寸的像素點,把解析度和尺寸除一除就能得到。一個不確切的分法是,720 x 1280 的手機很可能接近 320 dpi (Android 里的 xhdpi),480 x 800 的手機很可能接近 240 dpi (Android 里的 hdpi)。

Android 選擇的單位是 dp 和 sp,dp 的定義是「在 160 dpi 的屏幕上,1 dp 大約等於 1 px」。這個說法也很拗口,簡單點說,1 dp ≈ 1 / 160 inch,他就是物理界的一長度單位。用這個單位設計就統一了,比方說規定列表項高度是 48 dp,在所有手機上看起來都差不多是 48 / 160 inch 那麼高,雖然在不同手機上它對應了不一樣多的像素點,但這個轉換是 Android 手機完成的,每個 Android 手機都得知道在我這 1 dp 對應多少像素。sp 也是同樣解釋,18
sp 的字在所有手機上看起來應該都差不多大(自己改了字體大小設置的除外)。看到這里,可能有人會想,那豈不是不同手機顯示的內容不同。確實是這樣,同樣一個列表,在 A 手機上只能顯示五行,但在 B 個手機上就能顯示六行;還是這個列表,在 A 手機上文字左邊的留白就顯得沒有 B 手機多。

鋪陳完了,逐條解釋開始的最佳實踐。

設計師在設計的時候是用不了 dp 的,他不可能拖一個 48 x 48 dp 的框,不可能設置一個 8 dp 的邊距,Photoshop 里全是 px。於是我們就只有挑一個特定密度的屏幕,在這個特定密度的屏幕上,dp 和 px 的關系是確定,把設計做了,再把 px 轉換成 dp 給工程師。另外有一點是,長度可以乘除一下就解決,圖片是不能除的,圖片必須手動縮放。

我們挑哪一個密度好呢?答案是挑密度最大的,因為圖片縮小比放大好,放大會失真,選 320 dpi 作為目標屏幕,為其他屏幕提供圖片時,只需要縮小。而 320 dpi 屏幕的解析度最常見的是 720 x 1280,以這個尺寸作為畫布尺寸,是最帶感的,這樣的設計稿就和應用在最多數的 320 dpi 的機器上運行起來的樣子一樣。當然你可以選其他畫布大小,但再大也不見得方便,這個大小也夠施展了。72 dpi 是 Photoshop 的默認設置,不要改就好,這個數字和後面的換算有關系。

字體的問題,Android 4.0 以後的設計規范中建議只使用四種字型大小,分別是 12 sp,14 sp,18 sp 和 22 sp,這也是 Android framework 用到的全部字型大小。我們需要找到在這個畫布上,這些字型大小和 pt 的對應關系,以及,px 和 dp 的對應關系。有兩種演算法

  • 演算法一
    根據 dp 的定義「在 160 dpi 的屏幕上,1 dp 大約等於 1 px」,那麼在 320 dpi 的屏幕上,1 dp 約等於 2 px,我們就是為 320 dpi 做的設計,所有 px 值除以 2 就是 dp 值。字體略復雜一點,1 pt = 1 / 72 inch,即在 72 dpi 的畫布上,1 pt = 1 px,我們的畫布就是 72 dpi,又有 1 sp 約等於 2 px(同 dp 的定義),所以 1 sp = 2 pt,所有 pt 值除以 2 就是 sp 值。

  • 演算法二
    可以想像是把一個 320 dpi 的手機屏幕放大到了 Photoshop 里,放大倍數是 320 / 72,即手機上的 1 dp,在畫布上就是 320 / 72 dp,而 1 dp = 1 / 160 inch,所以在畫布上就是 2 / 72 inch,而畫布是 72 dpi,所以在畫布上就是 2 px,即手機上的 1 dp 對應畫布上的 2 px。字體的計算一樣,只是多一個在 72 dpi 上,1 pt = 1 px 的轉換。

  • 至此,都算清楚了,在這個畫布上,px 到 dp,pt 到 sp 都是除以 2 的關系。

    最後,給 320 dpi 做的圖片,到 240 dpi,160 dpi 上就要分別縮小 1.5 倍和縮小 2 倍。120 dpi 的機器已經很罕見,可以不考慮了

⑥ APP界面標注及切圖注意事項

一、App屏幕適配通用知識簡介

1. 標注時注意事項

一般情況要定位一個Icon只需給出 上/下邊距,左/右邊距

標注圖標距離只需標到可點擊范圍外

通用型顏色、字體單獨標明一份

通用型模塊只需單獨標明一份,如導航欄

手機可視區域一般為寬度固定,長度超出邊界可滑動,所以,標注物體寬度時可按比例說明

如果要標注內容上下居中,左右居中,或等比可不標注

當繪制的是一個列表時且每一條內容一樣時,只需標注一條,如果每條內容有少許不同時,只需標明差異              部分

當交付的是一張完整圖片時,不需做機型適配,只需給高清圖(1920*1080)即可,注意進行壓縮

當背景是純色時只需給出色值(iOS使用RGB色值,Android使用16進制色值)

圖標應給出可點擊區域

若圖標在不同頁面重復出現,且尺寸相差不大,直接給出最大一份切圖,並在圓形圖標明尺寸,程序會根據需求縮放

可點擊按鈕通常要給出兩種狀態:普通/點擊(選中)

按鈕如果只是矩形、圓角矩形、圓形、橢圓形,給出尺寸和色值,可程序設置

漸變效果可通過程序實現,只需給出起始和結束色值跟范圍

2. 切圖命名規范

背景:bg_xxx.png

按鈕:btn_xxx_normal.png/btn_xxx_select.png

圖片:img_xxx.png

標簽:tab_xxx.png

圖標:icon_xxx.png

照片:pht_xxx.png

導航:nav_xxx.png

圖示:tip_xxx.png

菜單:menu_xxx.png

側欄:sidebar_xxx.png

二、iOS應用屏幕適配

1. iOS究竟要是適配多少種機型,以哪款機型解析度作為設計尺寸最好

2016-3

iOS只需兼容iPhone4,完美兼容iphone5以上機型

如果按矢量圖製作設計圖按1X尺寸作圖,後期放大成2X、3X;如果按傳統的px作圖應用最大尺寸(3X)作為畫布。

以3X作為畫布(1242*2208)難記且不能整除,我們可直接以1280(640*2)作為寬度,完美縮放為1X、2X;

2X->3X以1.5來算尺寸和字型大小可得到較好效果

2. 界面尺寸

設備解析度狀態欄高度導航欄高度標簽欄高度

iPhone6 plus1242*2208px60px132px146px

iPhone6750*1334px40px88px98px

iPhone5/5s/5c640*1136px40px88px98px

iPhone4/4s640*960px40px88px98px

iPad3/4/Air/Air2/mini22048*1536px40px88px98px

iPad1/21024*768px20px44px49px

iPad mini1024*768px20px44px49px

導航欄背景圖中,如果考慮狀態欄背景,則背景圖尺寸為導航欄px+狀態欄px,如果只改變導航欄顏色則只需要導航欄px

3. 圖標尺寸

設備App Store程序應用主屏幕spotlight搜索標簽欄工具欄和導航欄

iPhone6 plus1024*1024px180*180px144*144px87*87px75*75px66*66px

iPhone61024*1024px120*120px144*144px58*58px75*75px44*44px

iPhone5/5s/5c1024*1024px120*120px144*144px58*58px75*75px44*44px

iPhone4/4s1024*1024px120*120px144*144px58*58px75*75px44*44px

iPad3/4/Air/Air2/mini21024*1024px180*180px144*144px100*100px50*50px44*44px

iPad1/21024*1024px90*90px72*72px50*50px25*25px22*22px

iPad mini1024*1024px90*90px72*72px50*50px25*25px22*22px

按鈕切圖建議以等寬高尺寸切圖,且像素必須>=88、*88px , 當本身圖片寬度或高度不足時,補充空白像素(透明像素).一般情況下,只需要普通狀態下按鈕切圖即可

(適配不建議等比放大)

4. 參考文獻

友盟設備指數

APP切圖流程和APP切圖命名規范詳細完整版

APP切圖詳細規范終極指南

iOS和Android的app界面設計規范

APP界面切圖命名和文件整理規范

三、Android應用屏幕適配

1.用px作為基礎單位的缺陷

對比上圖可以知道,ppi越低圖片顯示的越大,ppi越高圖片顯示的越小,造成不同手機上顯示圖片布局不統一!

使用dp作為單位所有機子顯示統一

2. 衡量一個屏幕清晰度單位————屏幕密度(dpi==ppi)

計算公式:屏幕dpi = √ (屏幕長^2 + 屏幕寬^2) / 屏幕尺寸

名稱密度代表解析度Android單位與像素換算

mdpi120dpi~160dpi320*4801dp=1px

hdpi160dpi~240dpi480*8001dp=1.5px

xhdpi240dpi~320dpi720*12801dp=2px

xxhdpi320dpi~480dpi720*1280/1080*19201dp=3px

xxxhdpi480dpi~640dpi2k~4k1dp=4px

屏幕大小啟動圖標操作欄圖標上下文圖標系統通知圖標(白色)最細筆畫

320*480px48*48px32*32px16*16px24*24px不小於2px

480*800px/480×854px/540×960px72*72px48*48px24*24px36*36px不小於3 px

720*1280px96*96px64*64px32*32px48*48px不小於4 px

1080*1920px144*144px96*96px48*48px72*72px不小於6 px

3.究竟要適配多少種機型

2016-3

得出結論: 只需適配高端的xxhdpi(720*1280/1080*1920),低端的hdpi(480*800)

4. 度量單位與邊框

可觸摸控制項都是以 48dp 為單位的

為什麼是 48dp?一般情況下,48dp 在設備上的物理大小是 9mm (會有一些變化)。這剛好在觸摸控制項推薦的大小范圍 (7-10mm) 內,而且這樣的大小,用戶用手指觸摸起來也比較准確、容易。( xxhdpi標准下為144px )

邊框 注意留白 界面元素之間的留白應當是 8dp 。

例:

5. 字體排版

Roboto 是Android系統的默認字體集,字體大小單位 sp(可縮放像素數,scaleable pixels)

根據Android設計規范,推薦使用 12 、 14 、 16 、 20 和 34 號 ,字體粗細可調

spHDPIXHDPIXXHDPI

12sp18px24px36px:

14sp21px28px42px

16sp24px32px48px

18sp27px36px54px

20sp30px40px60px

34sp51px68px102px

(注意:字型大小要為雙數,且不可帶小數位)

6. 9-patch 圖製作

什麼是9-patch圖

為什麼要用9-patch格式製作圖

適應各種手機屏幕拉伸圖片需求,有效縮減圖片體積

什麼情況下使用

當發現圖片是背景時且可能拉伸被拉伸時,或圖片過大時

如何製作patch9 圖

圖片外層增加一全透明像素,在透明像素區花4條純黑色邊

1. 寬度可拉伸區域

2. 高度可拉伸區域

3. 垂直內容區域

4. 水平內容區域

8. 參考文獻

友盟設備指數

Android 設計指南簡體中文版4.x

Material Design 中文版

Android設計中的.9.png

⑦ android api 自定義標注圖標 在手機上很模糊

基本思路
其實如果在android純生的jar包中沒遮api,那麼應該是被隱藏了,如果你手動添加到jar包中,即使能在eclipse編譯通過,但你這是sdk,別人用的時候,就沒這jar,那怎麼使用,覺得你還是找到需要的那個api在android源代碼中,如果隱藏了,然後使用反射調用

⑧ 設計師給了切圖標注,Android開發到底要怎麼做

首先,選擇一款主流機型。
然後,設計師根據該機型的屏幕尺寸設計效果圖,給出px單位的標注。
最後,開發根據該機型,可以算出px與dp的換算方法,根據px單位的標注,設置為dp為單位的標注。
備註:1dp=1dip=1sp,對於一般長寬dp或者dip都可以,sp是字體專用單位,在操作系統中設置大中小號字體後,可以改變sp的顯示大小。

這樣做可以保證在這款機型上,設計師的設計完全表現。對於其他機型,只要尺寸相差不是很大,顯示效果相差不會太大。如果是在手機上設計,在pad上顯示,相差就會比較大了。

⑨ android中循環在百度地圖上添加標注後,怎樣實現點擊每個標注獲取相應信息

01.var map = new BMap.Map("Mapcontainer");
02. var JsonObj = eval(JsonStr);
03. if (JsonObj != null) {
04. for (var i = 0; i < JsonObj.length; i++) {
05. (function (x) {
06. var point = new BMap.Point(JsonObj[x].Visit_GPS_Longitude, JsonObj[x].Visit_GPS_Latitude); // 創建點坐標
07. map.centerAndZoom(point, 13);
08. var marker = new BMap.Marker(point);
09. var opts = {
10. width: 250, // 信息窗口寬度
11. height: 100, // 信息窗口高度
12. title: '<span style="font-size:15px;color:#0A8021">' + JsonObj[x].CustomerName + '</span>' // 信息窗口標題
13. }
14. //marker.setAnimation(BMAP_ANIMATION_BOUNCE);
15. var content = "進店時間 " + JsonObj[x].VisitBeginTime + "<br/>離店時間 " + JsonObj[x].VisitEndTime;
16. var info_Window = new BMap.InfoWindow(content, opts); // 創建信息窗口對象
17. marker.addEventListener("click", function () {
18. this.openInfoWindow(info_Window);
19. });
20. map.addOverlay(marker);
21. })(i);
22. }
23. map.addControl(new BMap.NavigationControl());
var map = new BMap.Map("Mapcontainer");
var JsonObj = eval(JsonStr);
if (JsonObj != null) {
for (var i = 0; i < JsonObj.length; i++) {
(function (x) {
var point = new BMap.Point(JsonObj[x].Visit_GPS_Longitude, JsonObj[x].Visit_GPS_Latitude); // 創建點坐標
map.centerAndZoom(point, 13);
var marker = new BMap.Marker(point);
var opts = {
width: 250, // 信息窗口寬度
height: 100, // 信息窗口高度
title: '<span style="font-size:15px;color:#0A8021">' + JsonObj[x].CustomerName + '</span>' // 信息窗口標題
}
//marker.setAnimation(BMAP_ANIMATION_BOUNCE);
var content = "進店時間 " + JsonObj[x].VisitBeginTime + "<br/>離店時間 " + JsonObj[x].VisitEndTime;
var info_Window = new BMap.InfoWindow(content, opts); // 創建信息窗口對象
marker.addEventListener("click", function () {
this.openInfoWindow(info_Window);
});
map.addOverlay(marker);
})(i);
}
map.addControl(new BMap.NavigationControl()); 同樣是一個循環,但是在循環中使用了一個匿名函數,從而造成一個閉包將 i 的值鎖定在裡面,這樣外部的值已經變化,

但是傳到閉包裡面的值已經被保留,也就可以順利拿到應該取到的address[i]的內容了。
這樣雖然解決了問題,但是每添加一個點都會創建一個匿名函數,內存泄漏可能會是潛在隱患。
接下去, 我們就可以自由的在地圖上標注點並顯示對應的信息了!

⑩ Android界面如何標注

用藍湖一鍵標注,下載不同格式的切圖。

還有設計圖邏輯連線、交互說明、分狀態展示、高保真原型製作預覽等功能。

對設計圖進行樹狀連線,清晰展示跳轉邏輯。

還可在一旁添加細節說明,方便團隊成員的理解。


熱點內容
ck密碼是一般在哪裡 發布:2025-03-10 07:18:03 瀏覽:445
編譯cp文件 發布:2025-03-10 07:15:04 瀏覽:401
蘋果手機和安卓手機哪個直播效果好 發布:2025-03-10 07:10:06 瀏覽:110
解壓球鞋 發布:2025-03-10 07:09:57 瀏覽:426
小米的安裝包在哪個文件夾 發布:2025-03-10 06:46:03 瀏覽:462
eco模式哪些車配置 發布:2025-03-10 06:46:02 瀏覽:10
文件夾強力刪除軟體 發布:2025-03-10 06:43:07 瀏覽:125
社保繳金演算法 發布:2025-03-10 06:35:03 瀏覽:84
適配器或者訪問點問題 發布:2025-03-10 06:34:20 瀏覽:70
1文件夾 發布:2025-03-10 06:31:57 瀏覽:638