• 界面开发的推荐色值, 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图片

  • 相关阅读:
    [转]ABAP数据库操作系列(1)
    [转]abap progress indicator实用实例
    [转]做sap开发的必看的几个问题
    [转]ABAP CHECKBOX 和LISTBOX使用指南
    [转]How to read long texts
    [转]Send a data stream from ABAP to UNIX named pipe
    [转]Draw a box with title
    GCC常用命令项
    propertygrid控件的简单绑定
    如何打印一张位图图片
  • 原文地址:https://www.cnblogs.com/csj007523/p/2052035.html
Copyright © 2020-2023  润新知