界面开发的推荐色值, dip,px,pt,sp 的区别

下图是帮助文档中的关于界面开发的推荐色值,大家可以参考一下:

dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和QVGA 推荐使用这个,不依赖像素。

px: pixels(像素). 不同设备显示效果相同,一般我们HVGA代表320x480像素,这个用的比较多。

pt: point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用;

sp: scaled pixels(放大像素). 主要用于字体显示best for textsize。由此,根据 google 的建议,TextView 的字号最好使用 sp 做单位,而且查看TextView的源码可知 Android 默认使用 sp 作为字号单位。

在 Android 中,  1pt 大概等于 2.22sp

以上供参考,如果 UI 能够以 sp 为单位提供设计是最好的,如果设计中没有 sp的概念,则开发人员也可以通过适当的换算取近似值。

过去,程序员通常以像素为单位设计计算机用户界面。例如,定义一个宽度为300像素的表单字段,列之间的间距为5个像素,图标大小为16×16像素 等。这样处理的问题在于,如果在一个每英寸点数(dpi)更高的新显示器上运行该程序,则用户界面会显得很小。在有些情况下,用户界面可能会小到难以看清 内容。

与分辨率无关的度量单位可以解决这一问题。Android支持下列所有单位。

px(像素):屏幕上的点。
in(英寸):长度单位。
mm(毫米):长度单位。
pt(磅):1/72英寸。
dp(与密度无关的像素):一种基于屏幕密度的抽象单位。在每英寸160点的显示器上,1dp = 1px。
dip:与dp相同,多用于android/ophone示例中。
sp(与刻度无关的像素):与dp类似,但是可以根据用户的字体大小首选项进行缩放。

为了使用户界面能够在现在和将来的显示器类型上正常显示,建议大家始终使用sp作为文字大小的单位,将dip作为其他元素的单位。当然,也可以考虑使用矢量图形,而不是用位图。

1.使用include标签实现包含共享UI设计

(1)创建新的布局文件 title_layout.xml,里面包含共享内容的布局

(2)layout属性:其对应抽取出来的共享的布局内容

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation
="vertical"
android:background
="@drawable/share_background"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent">
<include layout="@layout/title_layout"></include>
</LinearLayout>

2.使用shapes实现渐变效果

(1)创建新的drawable的xml文件

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
<gradient android:startColor="#FFFF0000" android:endColor="#80FF00FF"
android:angle
="270"/>
<padding android:left="50dp" android:top="20dp"
android:right
="7dp" android:bottom="7dp" />
<corners android:radius="8dp" />
</shape>
gradient 产生颜色渐变 android:angle 从哪个角度开始变 貌似只有90的整数倍可以

android:shape="rectangle" 默认的也是长方形

corners表示是有半径

(还有很多其它参数)

(2)设置android:background属性

android:background="@drawable/share_background"

3.灵活使用styles.xml

(1)在res/values目录下新建一个style.xml,增加<resource>根节点

<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="SpecialText" parent="@style/Text">
<item name="android:textSize">18sp</item>
<item name="android:textColor">#008</item>
</style>

<style name="button_style">
<item name="android:textStyle">bold</item>
<item name="android:textColor">#FFFFFFFF</item>
<item name="android:layout_width">100.0dip</item>
</style>
</resources>

(2)设置style属性

<EditText id="@+id/text1"
style
="@style/SpecialText"
android:layout_width
="fill_parent"
android:layout_height
="wrap_content"
android:text
="Hello, World!" />
现在这个EditText组件的所表现出来的风格就为我们在上边的XML文件中所定义的那样。
(补充:主题(theme)和style一样,也是在style.xml内申明,也是同样方式引用,不同的是通过在AndroidManifest.xml中定义的<application>和<activity>元素中使用到整个程序或者某个activity,但是主题不能用到某一个单独的view里。)

4.自定义按钮显示效果

(1)在drawable中创建新的xml文件--mybutton.xml文件。

<item android:state_window_focused="false" android:drawable="@color/transparent" />

<!-- Even though these two point to the same resource, have two states so the drawable will invalidate itself when coming out of pressed state. 注意这句话-->

<item android:state_focused="true" android:state_enabled="false"
android:state_pressed
="true"
android:drawable
="@drawable/selector_background_disabled" />
<item android:state_focused="true" android:state_enabled="false"
android:drawable
="@drawable/lselector_background_disabled" />

<item android:state_focused="true" android:state_pressed="true"
android:drawable
="@drawable/selector_background_transition" />
<item android:state_focused="false" android:state_pressed="true"
android:drawable
="@drawable/selector_background_transition" />

<item android:state_focused="true"
android:drawable
="@drawable/selector_background_focus" />

</selector>

(2)在构造的layout中引用这个xml

<ImageButton
android:id
="@+id/ImageButton01"
android:layout_width
="wrap_content"
android:layout_height
="wrap_content"
android:background
="@drawable/mybutton">
</ImageButton>

5.实现无失真图片拉伸(NinePatch图片处理)

使用draw9patch.bat工具创建  .9.png图片

原文地址:https://www.cnblogs.com/csj007523/p/2052035.html