展会信息港展会大全

Android开发中对界面UI的优化
来源:互联网   发布日期:2016-01-19 10:58:36   浏览:2003次  

导读:在Android应用开发过程中,屏幕上控件的布局代码和程序的逻辑代码通常是分 开的。界面的布局代码是放在一个独立的xml文件中的,这个文件里面是树型组织的,控制着页面的布局。通常,在这个页面中会用到很多控件 ...

在Android应用开发过程中,屏幕上控件的布局代码和程序的逻辑代码通常是分 开的。界面的布局代码是放在一个独立的xml文件中的,这个文件里面是树型组织的,控制着页面的布局。通常,在这个页面中会用到很多控件,控件会用到很多 的资源。Android系统本身有很多的资源,包括各种各样的字符串、图片、动画、样式和布局等等,这些都可以在应用程序中直接使用。这样做的好处很多, 既可以减少内存的使用,又可以减少部分工作量,也可以缩减程序安装包的大校

下面从几个方面来介绍如何利用系统资源。

1)利用系统定义的id

比如我们有一个定义ListView的xml文件,一般的,我们会写类似下面的代码片段。

<ListView

android:id="@+id/mylist"

android:layout_width="fill_parent"

android:layout_height="fill_parent"/>

这里我们定义了一个ListView,定义它的id是"@+id/mylist"。实际上,如果没有特别的需求,就可以利用系统定义的id,类似下 面的样子。

<ListView

android:id="@android:id/list"

android:layout_width="fill_parent"

android:layout_height="fill_parent"/>

在xml文件中引用系统的id,只需要加上 @android: 前缀即可。如果 是在Java代码中使用系统资源,和使用自己的资源基本上是一样的。不同的是,需要使用android.R类来使用系统的资源,而不是使用应用程序指定的 R类。这里如果要获取ListView可以使用android.R.id.list来获龋

2)利用系统的图片资源

假设我们在应用程序中定义了一个menu,xml文件如下。

<?xml version="1.0" encoding="utf-8"?>

<menu xmlns:android="http://schemas.android.com/apk/res/android">

<item

android:id="@+id/menu_attachment"

android:title="附件"

android:icon="@android:drawable/ic_menu_attachment" />

</menu>

其中代码片段android:icon="@android:drawable/ic_menu_attachment"本来是想引用系统中已有的 Menu里的 附件 的图标。但是在Build工程以后,发现出现了错误。提示信息如下:

error: Error: Resource is not public. (at 'icon' with value '@android:drawable/ic_menu_attachment').

从错误的提示信息大概可以看出,由于该资源没有被公开,所以无法在我们的应用中直接引用。既然这样的话,我们就可以在Android SDK中找到相应的图片资源,直接拷贝到我们的工程目录中,然后使用类似 android:icon="@drawable/ic_menu_attachment"的代码片段进行引用。

这样做的好处,一个是美工不需要重复的做一份已有的图片了,可以节约不少工时;另一个是能保证我们的应用程序的风格与系统一致。

经验分享:

Android中没有公开的资源,在xml中直接引用会 报错。除了去找到对应资源并拷贝到我们自己的应用目录下使用以外,我们还可以将引用 @android 改成 @*android 解决。比如上面引用的 附件图标,可以修改成下面的代码。

android:icon="@*android:drawable/ic_menu_attachment"

修改后,再次Build工程,就不会报错了。

3)利用系统的字符串资源

假设我们要实现一个Dialog,Dialog上面有 确定 和 取消 按钮。就可以使用下面的代码直接使用Android系统自带的字符串。

<LinearLayout

android:orientation="horizontal"

android:layout_width="fill_parent"

android:layout_height="wrap_content">

<Button

android:id="@+id/yes"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_weight="1.0"

android:text="@android:string/yes"/>

<Button

android:id="@+id/no"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_weight="1.0"

android:text="@android:string/no"/>

</LinearLayout>

如果使用系统的字符串,默认就已经支持多语言环境了。如上述代码,直接使用了 @android:string/yes和@android:string/no,在简体中文环境下会显示 确定 和 取消 ,在英文环境下会显示OK 和 Cancel 。

4)利用系统的Style

假设布局文件中有一个TextView,用来显示窗口的标题,使用中等大小字体。可以使用下面的代码片段来定义TextView的Style。

<TextView

android:id="@+id/title"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textAppearance="?android:attr/textAppearanceMedium" />

其中android:textAppearance="?android:attr/textAppearanceMedium"就是使用系统的 style。需要注意的是,使用系统的style,需要在想要使用的资源前面加 ?android: 作为前缀,而不是 @android: 。

5)利用系统的颜色定义

除了上述的各种系统资源以外,还可以使用系统定义好的颜色。在项目中最常用的,就是透明色的使用。代码片段如下。

android:background ="@android:color/transparent"

经验分享:

Android系统本身有很多资源在应用中都可以直接使用,具体的,可以进入android-sdk的相应文件夹中去查 看。例如:可以进入$android-sdk$\platforms\android-8\data\res,里面的系统资源就一览无余了。

开发者需要花一些时间去熟悉这些资源,特别是图片资源和各种Style资源,这样在开发过程中,能够想到有相关资源并且直 接拿来使用。

在一个应用程序中,一般都会存在多个Activity,每个Activity对应 着一个UI布局文件。一般来说,为了保持不同窗口之间的风格统一,在这些UI布局文件中,几乎肯定会用到很多相同的布局。如果我们在每个xml文件中都把 相同的布局都重写一遍,一个是代码冗余,可读性很差;另一个是修改起来比较麻烦,对后期的修改和维护非常不利。所以,一般情况下,我们需要把相同布局的代 码单独写成一个模块,然后在用到的时候,可以通过<include /> 标签来重用layout的代码。

常见的,有的应用在最上方会有一个标题栏。类似下图所示。

图 标题栏的示例

如果项目中大部分Activity的布局都包含这样的标题栏,就可以把标题栏的布 局单独写成一个xml文件。

<RelativeLayout

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:gravity="center"

android:background="@drawable/navigator_bar_bg"

xmlns:android="http://schemas.android.com/apk/res/android">

<TextView

android:id="@android:id/title"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_centerVertical="true"

android:gravity="center"

android:hint="title"

android:textAppearance="?android:attr/textAppearanceMedium" />

<ImageView

android:id="@android:id/closeButton"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:src="@drawable/close" />

</RelativeLayout>

我们将上面的xml文件命名为 navigator_bar.xml ,其它需要 标题栏的Activity的xml布局文件就可以直接引用此文件了。

<include layout="@layout/navigator_bar" />

经验分享:

一般情况下,在项目的初期就能够大致确定整体UI的风 格。所以早期的时候就可以做一些规划,将通用的模块先写出来。

下面是可能可以抽出的共用的布局:

1)背景。有的应用在不同的界面里会用到统一的背景。后 期可能会经常修改默认背景,所以可以将背景做成一个通用模块。

2)头部的标题栏。如果应用有统一的头部标题栏,就可以 抽取出来。

3)底部的导航栏。如果应用有导航栏,而且大部分的 Activity的底部导航栏是相同的,就可以将导航栏写成一个通用模块。

4)ListView。大部分应用都会用到 ListView展示多条数据。项目后期可能会经常调整ListView的风格,所以将ListView作为一个通用的模块比较好。

有时候,我们的页面中可能会包含一些布局,这些布局默认是隐藏的,当用户触发了一 定的操作之后,隐藏的布局才会显示出来。比如,我们有一个Activity用来显示好友的列表,当用户点击Menu中的 导入 以后,在当前的 Activity中才会显示出一个导入好友的布局界面。从需求的角度来说,这个导入功能,一般情况下用户是不使用的。即大部分时候,导入好友的布局都不会 显示出来。这个时候,就可以使用延迟加载的功能。

ViewStub是一个隐藏的,不占用内存空间的视图对象,它可以在运行时延迟加 载布局资源文件。当ViewStub被设置为可见,或者调用inflate()函数时,才会真的去加载这个布局资源文件。该ViewStub在加载视图时 会在父容器中替换它本身。因此,ViewStub会一直存在于视图中,直到调用setVisibility(int)或者inflate()为止。 ViewStub的布局参数会随着加载的视图数一同被添加到ViewStub父容器。同样,也可以通过使用inflated Id属性来定义或重命名要加载的视图对象的Id值。

请参考下面的代码片段。

<ViewStub

android:id="@+id/stub_import"

android:inflatedId="@+id/panel_import"

android:layout="@layout/progress_overlay"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_gravity="bottom" />

通过 stub_import 这个id可以找到被定义的ViewStub对象。 加载布局资源文件 progress_overlay 后,ViewStub对象从其父容器中移除。可以通过 panel_import 这个id找到由 布局资源 progress_overlay 创建的View。

执行加载布局资源文件的推荐方式如下:

((ViewStub) findViewById(R.id.stub_import)).setVisibility(View.VISIBLE);

// 或者

View importPanel = ((ViewStub) findViewById(R.id.stub_import)).inflate();

当inflate()被调用, 这个ViewStub被加载的视图所替代,并且返回这个视图对象。这使得应用程序不需要额外执行findViewById()来获取加载视图的引用。

经验分享:

利用ViewStub可以与xml文件里面指定的布局资 源文件关联起来,让布局资源文件在需要使用的时候再加载上去。什么时候用什么时候才加载,不用在开始启动的时候一次加载。这样做既可以加快应用的启动速 度,又可以节省内存资源。

赞助本站

人工智能实验室

相关热词: 界面 UI 优化

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港