Android性能优化之界面UI篇

1、使用style、color、string、dimen样式来分离xml布局文件,减少代码的重复使用,增加代码复用率,防止hardcode,下面是一个例子:
在定义layout时候,因为每个View或ViewGroup都必须要有layout_widthlayout_height,所以我们可以专门定义一个size_style.xml,里面的内容为:

<resources>
    <style name="wrap"> <item name="android:layout_width">wrap_content</item> <item name="android:layout_height">wrap_content</item> </style>

    <style name="match"> <item name="android:layout_width">match_parent</item> <item name="android:layout_height">match_parent</item> </style>

    <style name="matchWidth_wrapHeight"> <item name="android:layout_width">match_parent</item> <item name="android:layout_height">wrap_content</item> </style>

    <style name="matchHeight_wrapWidth"> <item name="android:layout_width">wrap_content</item> <item name="android:layout_height">match_parent</item> </style>

    <style name="matchWidth_0dpHeight"> <item name="android:layout_width">match_parent</item> <item name="android:layout_height">0dp</item> </style>

    <style name="_0dpWidth_matchHeight"> <item name="android:layout_width">0dp</item> <item name="android:layout_height">match_parent</item> </style>

    <style name="_0dpWidth_0dpHeight"> <item name="android:layout_width">0dp</item> <item name="android:layout_height">0dp</item> </style>

    <style name="wrapWidth_0dpHeight"> <item name="android:layout_width">wrap_content</item> <item name="android:layout_height">0dp</item> </style>

    <style name="_0dpWidth_wrapHeight"> <item name="android:layout_width">0dp</item> <item name="android:layout_height">wrap_content</item> </style>
</resources>

这样,我们在定义布局的时候便可以这样定义:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" style="@style/match" android:orientation="vertical" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <Button  style="@style/matchWidth_wrapHeight" android:text="@string/button" />

    <LinearLayout  style="@style/matchWidth_wrapHeight" android:weightSum="3">

        <Button  style="@style/_0dpWidth_wrapHeight" android:layout_weight="1" android:text="@string/button" />

        <Button  style="@style/_0dpWidth_wrapHeight" android:layout_weight="1" android:text="@string/add" />

        <Button  style="@style/_0dpWidth_wrapHeight" android:layout_weight="1" android:text="@string/delete" />
    </LinearLayout>
</LinearLayout>

如:
Android性能优化之界面UI篇_第1张图片
这样做的好处是代码更简洁,而且代码复用率高,假如还定义了其它的style(比如背景、字体大小、字体颜色、margin等),我们可以继承size_style并引入其它的样式,代码为:

<style name="buttonStyle" parent="matchWidth_wrapHeight"> <item name="android:textColor">#ffffff</item> <item name="android:layout_margin">15dp</item> <item name="android:textSize">14sp</item> <item name="android:background">#673AB7</item> </style>

如:
Android性能优化之界面UI篇_第2张图片

2、在视图有变化的ViewGroup中,比如在这个界面中有视图的添加或者删除,可以在ViewGroup中设置这个属性:

android:animateLayoutChanges="true"

这样,视图的添加和删除就有默认的动画效果了,使得界面变换更加平滑,如:
Android性能优化之界面UI篇_第3张图片

3、在ListView或者GridView内容为空的时候,可以设置个默认视图,如:

mListView.setEmptyView(View view);

4、当需要设置一个View的动画时候,可以通过View.animate()快捷得到ViewPropertyAnimator进而设置动画效果,如:
这里设置View在y轴平移了10个像素

mView.animate().translationY(10).setDuration(300).start();

当然还可以通过代码定义一个ObjectAnimator或者通过xml在animator目录下新建动画

5、对于简单的图形图片,可以使用矢量图片,关于矢量图片的更多介绍见w3c组织,矢量图形拥有很好的屏幕适配性,色彩分辨率非常高,便于更改,同时也能够减少内存的占用,而平常普通的图片资源都是位图资源,对内存的消耗很明显,所以可以用矢量图的情况下最好用矢量图

6、对于整个应用中需要用到的颜色和字体大小,可以单独定义两个style供整个app使用,如:
颜色:

<?xml version="1.0" encoding="utf-8">
<resources>
    <color name="primarycolor_dark">#0e5a83</color>
    <color name="primarycolor">#0680c3</color>
    <color name="primarycolor_light">#489dca</color>
    <color name="secondary_light">#999999</color>
    <color name="secondary">#565656</color>
    <color name="secondary_dark">#4b4b4b</color>
    <color name="secondary_extraDark">#231f20</color>
    <color name="highlight_one">#35791d</color>
    <color name="highlight_two">#ff5151</color>
    <color name="main_bg">#ecf0f3</color>
    <color name="button_pressed">#036194</color>
    <color name="button_default">#0680c3</color>
</resources>

字体:

<?xml version="1.0" encoding="utf-8">
<resources>
    <dimen name="text_mirco">12sp</dimen>
    <dimen name="text_mini">14sp</dimen>
    <dimen name="text_ultraSmall">16sp</dimen>
    <dimen name="text_moderate1">18sp</dimen>
    <dimen name="text_moderate2">20sp</dimen>
    <dimen name="text_moderate3">22sp</dimen>
    <dimen name="text_big">25sp</dimen>
</resources>

7、Android系统提供了自动根据设备显示能力使用最合适的资源的能力,基本所有的资源都支持通过一定规则来动态切换。即假如在sdk版本为21的情况下,那么系统则先会找是否有values-v21等文件夹如果有则用这个文件夹下的资源,如果没有则才用values中的资源,可以说values是默认的资源目录。比如在不同版本的sdk中,创建res/values-v21等目录让系统自动获取合适的资源,在不同大小的屏幕上可以通过提供一个res/layout-small/文件夹来为小尺寸的设备提供定制化的布局,通过提供一个res/layout-large/文件夹来为大屏幕手机提供定制化布局

你可能感兴趣的:(android,UI)