解析Android开发优化之:对界面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作为一个通用的模块比较好。

赞 (0)

相关推荐

  • Android UI手机信息页面设计

    Android UI手机信息页面设计

    本文实例为大家分享了Android UI 手机信息页面展示的具体代码,供大家参考,具体内容如下 1. 运行效果图 2. 设计思路(实现原理) 1.将准备好的八个图标复制到res/drawable文件夹下 2.创建一个垂直的线性布局,并在线性布局中创建4个相对布局 3.在相对布局中添加相应的TextView 4.在values文件下的style.xml文件中存放抽取出来的样式 5.创建values-zh-rCN.values-en-rUS文件夹,并在文件夹中创建strings.xml文件夹 3.案

  • Android获取手机通讯录、sim卡联系人及调用拨号界面方法

    android获取手机通讯录联系人信息 复制代码 代码如下: private void getPhoneContacts() {        ContentResolver resolver = this.getContentResolver();                // 获取手机联系人       Cursor phoneCursor = resolver.query(Phone.CONTENT_URI,                  new String[] { Phone

  • Android自定义手机界面状态栏实例代码

    Android自定义手机界面状态栏实例代码

    前言 我们知道IOS上的应用,状态栏的颜色总能与应用标题栏颜色保持一致,用户体验很不错,那安卓是否可以呢?若是在安卓4.4之前,答案是否定的,但在4.4之后,谷歌允许开发者自定义状态栏背景颜色啦,这是个不错的体验!若你手机上安装有最新版的qq,并且你的安卓SDK版本是4.4及以上,你可以看下它的效果: 实现这个效果有两个方法: 1.在xml中设置主题或自定义style: Theme.Holo.Light.NoActionBar.TranslucentDecor Theme.Holo.NoActi

  • Android仿Win8的metro的UI界面（上）

    Android仿Win8的metro的UI界面（上）

    手机下载了一些APP,发现现在仿win8的主界面越来越多,在大家见惯了类GridView或者类Tab后,给人一种耳目一新的感觉.今天在eoe上偶然发现已经有人实现了这个功能的源码(地址:http://www.eoeandroid.com/forum.php?mod=viewthread&tid=327557),马上下载跑了一下,效果很炫,但是有些bug,比如点击速度特别快时图像会被放大,以及点击时会触发两次点击事件. 本例子基于eoe中这位大神的实现,做了一些简化,和bug的修复. 效果: 首先

  • 解析Android开发优化之:对界面UI的优化详解(一)

    通常,在这个页面中会用到很多控件,控件会用到很多的资源.Android系统本身有很多的资源,包括各种各样的字符串.图片.动画.样式和布局等等,这些都可以在应用程序中直接使用.这样做的好处很多,既可以减少内存的使用,又可以减少部分工作量,也可以缩减程序安装包的大小. 下面从几个方面来介绍如何利用系统资源. 1)利用系统定义的id 比如我们有一个定义ListView的xml文件,一般的,我们会写类似下面的代码片段. 复制代码 代码如下: <ListView android:id="@+id/m

  • 详解Android 手机卫士设置向导页面

    推荐阅读: 浅析Android手机卫士自定义控件的属性 浅析Android手机卫士关闭自动更新 设置向导页面,通过SharedPreferences来判断是否已经设置过了,跳转到不同的页面 自定义样式 在res/values/styles.xml中 添加节点<style name="">,设置名称属性 在<style>节点里面,添加节点<item name="">设置名称属性,就是布局的各种参数 在<item>的文本里

  • Android开发使用RecyclerView添加点击事件实例详解

    目录 引言 一.RecyclerView基本使用 1. 添加适配器Adapter 2. 创建列表的每个项的item_layout.xml文件 3. 在activity中使用 二.RecyclerView点击事件详细步骤 1. 在RecyclerView对应的Adapter类里面新建接口 2. 在Adapter类里创建setOnItemClickListener方法 3. 在Adapter类的onBindViewHolder里给每个item设置回调 4. 在RecyclerView对应的Activ

  • Android开发实现从相册中选择照片功能详解

    Android开发实现从相册中选择照片功能详解

    本文实例讲述了Android开发实现从相册中选择照片功能.分享给大家供大家参考,具体如下: 实际效果图: 代码实现: 1. 权限配置 2. 点击事件绑定 3. 相册访问 4. 根据路径设置图片 5. 其他方法 权限 首先,现在 mainfest.xml 文件中添加以下权限: <!--获取照片权限--> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/> <us

  • Android开发中的几种网络请求方式详解

    Android应用经常会和服务器端交互,这就需要手机客户端发送网络请求,下面介绍四种常用网络请求方式,我这边是通过Android单元测试来完成这四种方法的,还不清楚Android的单元测试的同学们请看Android开发技巧总结中的Android单元测试的步骤一文. Java.NET包中的HttpURLConnection类 Get方式: // Get方式请求 public static void requestByGet() throws Exception { String path = "h

  • Android开发教程之调用摄像头功能的方法详解

    本文实例讲述了Android调用摄像头功能的方法.分享给大家供大家参考,具体如下: 我们要调用摄像头的拍照功能,显然 第一步必须加入调用摄像头硬件的权限,拍完照后我们要将图片保存在SD卡中,必须加入SD卡读写权限,所以第一步,我们应该在Android清单文件中加入以下代码 摄像头权限: <uses-permission android:name="android.permission.CAMERA"/> SD卡读写权限: <uses-permission androi

  • 解析Android开发优化之:对界面UI的优化详解(二)

    解析Android开发优化之:对界面UI的优化详解(二)

    如果我们在每个xml文件中都把相同的布局都重写一遍,一个是代码冗余,可读性很差:另一个是修改起来比较麻烦,对后期的修改和维护非常不利.所以,一般情况下,我们需要把相同布局的代码单独写成一个模块,然后在用到的时候,可以通过<include /> 标签来重用layout的代码. 常见的,有的应用在最上方会有一个标题栏.类似下图所示. 图 标题栏的示例 如果项目中大部分Activity的布局都包含这样的标题栏,就可以把标题栏的布局单独写成一个xml文件. 复制代码 代码如下: <Relativ

  • 解析Android开发优化之:对界面UI的优化详解(三)

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

  • Android开发笔记之:消息循环与Looper的详解

    Understanding LooperLooper是用于给一个线程添加一个消息队列(MessageQueue),并且循环等待,当有消息时会唤起线程来处理消息的一个工具,直到线程结束为止.通常情况下不会用到Looper,因为对于Activity,Service等系统组件,Frameworks已经为我们初始化好了线程(俗称的UI线程或主线程),在其内含有一个Looper,和由Looper创建的消息队列,所以主线程会一直运行,处理用户事件,直到某些事件(BACK)退出.如果,我们需要新建一个线程,并

  • Android开发之图形图像与动画(五)LayoutAnimationController详解

    Android开发之图形图像与动画(五)LayoutAnimationController详解

    首先需要先介绍下LayoutAnimationController: * 1.LayoutAnimationController用于为一个layout里面的控件,或者是一个ViewGroup * 里面的控件设置动画效果(即整个布局) * 2.每一个控件都有相同的动画效果 * 3.这些控件的动画效果在不同的实现显示出来 * 4.LayoutAnimationController可以在xml文件当中设置,也可以在代码中进行设置 本文就针对两种实现LayoutAnimationController的方

  • 解决Fedora14下eclipse进行android开发,ibus提示没有输入窗口的方法详解

    解决Fedora14下eclipse进行android开发,ibus提示没有输入窗口的方法详解

    好不容易搭建好了开发环境,可是不管怎么按Ctr + space,ibus就是不弹出来.用鼠标点吧,上面提示没有输入窗口.真是操蛋!google了一圈也没有解决办法,我是第一个遇到这问题的人么??无奈下,干脆换输入法!将系统自带的ibus换成fcitx输入法,安装步骤为:首先切换到root1,yum install fcitx2, alternatives --config xinputrc会出来提示,会提示共有 4 个程序提供"xinputrc".选择    命令-----------

随机推荐