当前位置:首页 » 安卓系统 » 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界面如何标注

用蓝湖一键标注,下载不同格式的切图。

还有设计图逻辑连线、交互说明、分状态展示、高保真原型制作预览等功能。

对设计图进行树状连线,清晰展示跳转逻辑。

还可在一旁添加细节说明,方便团队成员的理解。


热点内容
v6买哪个配置最好 发布:2025-03-10 13:14:21 浏览:334
一般服务器连接失败是什么原因 发布:2025-03-10 13:13:31 浏览:773
封装和编译 发布:2025-03-10 13:07:07 浏览:766
借个数据库 发布:2025-03-10 13:06:59 浏览:418
文件夹侧边条 发布:2025-03-10 12:50:22 浏览:383
液化天然气存储 发布:2025-03-10 12:47:28 浏览:717
压缩机介质端 发布:2025-03-10 12:46:00 浏览:19
linux的测试 发布:2025-03-10 12:45:10 浏览:277
黑客说编程 发布:2025-03-10 12:23:57 浏览:841
服务器无法登录什么时候才能登录 发布:2025-03-10 12:17:20 浏览:888