您的位置:首页 > 移动开发 > Android开发

Android开发教程 如何优化andriod布局

2015-08-10 11:13 288 查看
进行andriod开发的时候,我们很多时候会被andriod开发布局而烦恼,这个是由于andriod机分辨率老是变,很多分辨率尼玛还奇葩咧很,for example:960乘540,那么设计页面的时候,咱们该怎么下手呢?
其实设计android的页面和设计网页是差不多的,我们在折腾android机子的分辨率就好比折腾各种浏览器一样,其实我们应该多去看看android官网提供的android design,但是我想说的时候,目前为止,可以说,还没有一条非常完善的布局方法,只有在不断的总结中进步,让自己的内功更加深厚,才能完成android的布局。下面我们就一起来探讨下如何优化android的布局。这个纯粹是我自己的经验:

首先,你的新建一个项目在模拟器上运行,就是这样,你没看错,照着做就行了,我们将进行view的优化喝兼容!
然后,打开hierarchyviewer,这是一个帮助我们优化view的非常重要的工具的,接下来的大部分时间,都会借住这个工具进行讲解,这个工具沉睡在android sdk 目录 tools下 hierarchyviewer.bat,或者用Everything这样的搜索硬盘的工具直接找到!
最后,分析,用hierarchyviewer这样的神奇

技巧1:熟练的使用<include />标签就可以大大的减少我们日后都维护工作!
在实际开发中,我们经常会遇到一些共用的UI组件,比如带返回按钮的导航栏,如果为每一个xml文件都设置这部分布局,一是重复的工作量大,二是如果有变更,那么每一个xml文件都得修改。还好,Android为我们提供了< include />标签,顾名思义,通过它,我们可以将这些共用的组件抽取出来单独放到一个xml文件中,然后使用< include />标签导入共用布局,这样,前面提到的两个问题都解决了。例如上面提到的例子,新建一个xml布局文件作为顶部导航的共用布局。
我们就可以用<include />直接把需要这个顶部导航的布局添加到布局里面去,而且在维护的时候,只需要修改这个顶部导航的布局就OK了!是不是非常的方便呢?
技巧2:合并没必要的节点!<merge ></merge>
还记得刚刚写的那个按钮吗?
现在可以修改为:
<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
>

<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/btn_headtita"
android:drawableLeft="@drawable/header_back"
android:gravity="center"
android:layout_gravity="center_vertical|center_horizontal"
android:padding="10dp"
android:text="@string/back"
android:textColor="#ffffff" />

</merge>

这样又少了一个节点了!在显示上又快了那么一点点!

技巧3:熟读官方的API文档!
个人建议,常用的Widget的所有参数都尽量了解一遍!在阅读官方文档的时候我们发现了Button,有一个可以把图绘制在左边的参数:android:drawableLeft
案例一:做一个带箭头的返回按钮
以前常用的代码设计:
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center" >

<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/btn_headtita"
android:textColor="#ffffff"
android:text="@string/back" />

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:src="@drawable/header_back" />

</RelativeLayout>
用刚刚的那个工具来分析一下:
这样就从3N的复杂布局瞬间变成了N级布局啦!所以说熟读官方的api文档非常非常的重要!

技巧四:这是最后一个技巧了,尽可能的多使用RelativeLayout,不要使用绝对布局。

本文来自麦子学院:http://www.maiziedu.com/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  andriod开发