学习笔记（二）

布局与优化

我们初学者在刚开始学习Android时，通常都是往上罗列控件，但实际上我们有很多的布局方式，通过这些布局我们可以让我们的App更加优美，同时可以帮助我们适配不同分辨率的机型。在Android中，常见的布局有五种：

l LinearLayout（线性布局）

l RelativeLayout（相对布局）

l FrameLayout（帧布局或框架布局）

l AbsoluteLayout（绝对布局）

l TableLayout（表格布局）

其中前三个布局在日常中最常使用，剩下的两个布局很少用到。

线性布局：顾名思义就是像一条线一样排列，谁先来就在谁的前面；其中，重要的属性：

其中，vertical是垂直排列属性（从上到下排列），horizontal水平排列属性；（从左到右排列）；另一重要的特点，在线性布局中，子控件有Layout_weight属性，Layout_weight是水平所占比重

如果我们想让两个TextView各占这个屏幕的一半，我们可以用layout_weight属性；

此时，我们可以看到TextView的宽度各占一半。

相对布局：就是该控件相对于其他控件的位置。相对布局提供了非常灵活的布局方式，允许根据父元素或其他视图的位置定义每个元素在布局中的位置。其中，后定义的控件默认会盖住前面的控件(类似于z轴)。

相对布局的属性非常多，而且都非常常用，相对布局常用属性介绍

这里将这些属性分成组，便于理解和记忆：

1)属性值为true或false

android:layout_centerHrizontal	水平居中
android:layout_centerVertical	垂直居中
android:layout_centerInparent	相对于父元素完全居中
android:layout_alignParentBottom	贴紧父元素的下边缘
android:layout_alignParentLeft	贴紧父元素的左边缘
android:layout_alignParentRight	贴紧父元素的右边缘
android:layout_alignParentTop	贴紧父元素的上边缘

2)属性值必须为id的引用名“@id/id-name”

android:layout_below	在某元素的下方
android:layout_above	在某元素的的上方
android:layout_toLeftOf	在某元素的左边
android:layout_toRightOf	在某元素的右边
android:layout_alignTop	本元素的上边缘和某元素的的上边缘对齐
android:layout_alignLeft	本元素的左边缘和某元素的的左边缘对齐
android:layout_alignBottom	本元素的下边缘和某元素的的下边缘对齐
android:layout_alignRight	本元素的右边缘和某元素的的右边缘对齐

3)属性值为具体的像素值，如30dip，40px

android:layout_marginBottom	离某元素底边缘的距离
android:layout_marginLeft	离某元素左边缘的距离
android:layout_marginRight	离某元素右边缘的距离
android:layout_marginTop	离某元素上边缘的距离

我们可以通过组合这些属性来实现各种各样的布局。

帧布局：是最简单的布局了。所有放在布局里的控件，都按照层次堆叠在屏幕的左上角。后加进来的控件覆盖前面的控件，定义任何空间的位置相关的属性都毫无意义。

绝对布局：指的是指定组件的左上角绝对坐标来指定组件的布局。通过layout_x和layout_y来定义控件在屏幕的位置，这种布局在Android中不常使用，因为android屏幕分布率太多。

表格布局：表格布局模型以行列的形式管理子控件，每一行为一个TableRow的对象，当然也可以是一个View的对象。TableRow可以添加子控件，每添加一个为一列。因为在平常不常用，有兴趣大家可以自行百度哈！

我们知道布局是可以嵌套的，但是过多的布局层次嵌套可能会影响并产生程序的性能问题，所以我们要尽可能减少布局层次。Google官方建议布局层次最多10层，这就要求我们要熟练掌握相对布局，相对布局非常灵活，我们可以一层相对布局可以替代多层的其他布局。

和布局有关的还有一些重要的标签，<include/>,<merge/>,<ViewStub/>等。

<include/>:可以引用相同的布局设计。在一个项目中我们难免会遇到要使用相同的布局格式，但是重复的代码会使我们的文件显得很冗余，我们可以把相同的布局代码单独写成一个模块，然后用的时候可以通过<include/>标签来重用，使用layout="@layout/child_layout"就可以了。但是在引用include标签会有很多注意事项：

1.Include可以使用layout属性来设置布局文件的宽高和位置，但需要注意的是：必须要复写android:layoutwidth和android:layoutheight属性才能使用其它属性（比如:android:layoutgrivity、android:layoutalign...、android:id等）

2.建议将给include标签调用布局设置宽高、位置、ID等属性放在调用布局的根标签中。

<merge/>:会减少视图的层级。通常用在假如需要在LinearLayout里面嵌入一个布局（或者视图），而恰恰这个布局（或者视图）的根节点也是LinearLayout，这样就多了一层没有用的嵌套，无疑这样只会拖慢程序速度。而这个时候如果我们使用merge根标签就可以避免那样的问题。

<viewstub>:需要时才加载。里面的一些视图先进行预加载，使用的时候在加载，也可以帮助我们优化性能。

有一些小技巧也可以帮助我们进行优化布局，不要嵌套多个使用layout_weight属性的LinearLayout，其次，还可以借助Android lint（帮你删除无用的资源）和Hierarchy View（帮分析所有的层级和怎么进行优化）工具等等。

总之，我们要进行优化布局，就是要减少布局的层次，删除无用的布局，布局结构要清晰，还有选择合适的布局。

无比重要的ListView

Listview可以算是android中非常重要的控件，ListView里面的每个子项Item可以使一个字符串，也可以是一个组合控件。

ListView的显示需要三个元素:

1. ListVeiw用来展示列表的View。

2．适配器用来把数据绑定到ListView。

3．数据具体的将被映射的字符串，图片，或者基本组件。

我们通过一个模仿通讯录例子来说明ListView的相关属性；

1)创建listview标签

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="通讯录"/>
<ListView
android:id="@+id/list_view"
android:layout_width="match_parent"
android:layout_height="match_parent"></ListView>
</LinearLayout>

2)创建适配器类(PhoneBook_Adapter.java)

importandroid.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.ImageView;import android.widget.TextView;import java.util.ArrayList;import java.util.List;public class PhoneBook_Adapter extends BaseAdapter { private Contextcontext;//上下文 private LayoutInflater mLayoutinflater;//解析layout，把布局读出来 private List<UserInfo> mUserInfo=new ArrayList<>();//把对象作为适配器的数据源 public PhoneBook_Adapter(Context context,List<UserInfo> userInfos) { this.context = context; mLayoutinflater= (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); mUserInfo=userInfos; } @Override public int getCount() { //有多少个数据 return mUserInfo.size(); } @Override public Object getItem(int i) { //返回某一条的数据对象 return mUserInfo.get(i); } @Override public long getItemId(int i) { return i; } //getView是让每一行数据显示在界面，用户能够看到的 @Override public View getView(int i, View view, ViewGroup viewGroup) { //返回一个视图，i是它的位置，view指的是这个视图，viewGroup是属于哪个ViewGroup ViewHolder viewHolder; if(view==null) { view = mLayoutinflater.inflate(R.layout.item_phone_book, null);//把这个布局读出来 viewHolder=new ViewHolder(); viewHolder.name= (TextView) view.findViewById(R.id.text_name);//从布局中找到TextView viewHolder.age=(TextView)view.findViewById(R.id.text_age); viewHolder.imageView=(ImageView)view.findViewById(R.id.image); view.setTag(viewHolder); } else{ viewHolder= (ViewHolder) view.getTag(); } viewHolder.name.setText(mUserInfo.get(i).getUsername()); //和数据之间进行绑定 viewHolder.age. setText(mUserInfo.get(i).getAge()+" "); viewHolder.imageView.setImageResource(R.mipmap.ic_launcher); return view; } public void refreshData(List<UserInfo> userInfos){ mUserInfo=userInfos;//把旧的列表指向新的列表 notifyDataSetChanged();//列表刷新数据 }}class ViewHolder{ TextView name; TextView age; ImageView imageView;}

UserInfo.java(ListView里面的Item的类)

importjava.io.Serializable;public class UserInfo implements Serializable{ private String username; private int age; public UserInfo(String username, int age) { this.username = username; this.age = age; } public String getUsername() { return username; } public void setUsername(String username) { this.username = username; } public int getAge() { return age; } public void setAge(int age) { this.age = age; }}

3)List_View.java

import android.app.Activity;import android.os.Bundle;import android.view.View;import android.widget.AdapterView;import android.widget.ListView;import android.widget.Toast;import java.util.ArrayList;import java.util.List;public class List_View extends Activity{ private ListView phoneBook; private List<UserInfo> userInfos; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_listview); phoneBook=(ListView)findViewById(R.id.list_view); userInfos = new ArrayList<>(); userInfos.add(new UserInfo("one",21)); userInfos.add(new UserInfo("two",30)); userInfos.add(new UserInfo("three",49)); userInfos.add(new UserInfo("four",28)); userInfos.add(new UserInfo("four",28)); userInfos.add(new UserInfo("four",28)); userInfos.add(new UserInfo("four",28)); userInfos.add(new UserInfo("four",28)); userInfos.add(new UserInfo("four",28)); userInfos.add(new UserInfo("one",21)); userInfos.add(new UserInfo("two",30)); userInfos.add(new UserInfo("three",49)); userInfos.add(new UserInfo("four",28)); userInfos.add(new UserInfo("four",28)); userInfos.add(new UserInfo("four",28)); userInfos.add(new UserInfo("four",28)); userInfos.add(new UserInfo("four",28)); userInfos.add(new UserInfo("four",28)); final PhoneBook_Adapter phoneBook_adapter=new PhoneBook_Adapter(List_View.this, userInfos); phoneBook.setAdapter(phoneBook_adapter);//将列表与内容进行绑定，adapter是适配器 phoneBook_adapter.notifyDataSetChanged();//通知数据被改变了，数据是和Adapter相关联的 phoneBook.setOnItemClickListener(new AdapterView.OnItemClickListener() {//元素被点击 @Override public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) { //i是点击的位置，即position，view是视图 if(i==0){ //新建一批新的数据 //替换掉旧的数据 //刷新listview，更新自己的视图 userInfos.clear(); userInfos.add(new UserInfo("我是新的数据1",1)); userInfos.add(new UserInfo("我是新的数据2",2)); userInfos.add(new UserInfo("我是新的数据3",3)); userInfos.add(new UserInfo("我是新的数据4",4)); phoneBook_adapter.refreshData(userInfos); } Toast.makeText(List_View.this,userInfos.get(i).getUsername(),Toast.LENGTH_SHORT).show(); } });

}}

至于xml文件，都是一些很简单的控件；

Activity_listview.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="通讯录"/> <ListView android:id="@+id/list_view" android:layout_width="match_parent" android:layout_height="match_parent" android:fastScrollEnabled="true"></ListView></LinearLayout>

Item_phone_book.xml

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:id="@+id/image" android:layout_width="48dp" android:layout_height="48dp" android:src="@mipmap/ic_launcher"/> <TextView android:id="@+id/text_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="8dp" android:layout_toRightOf="@+id/image" android:text=""/> <TextView android:id="@+id/text_age" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/text_name" android:layout_toRightOf="@+id/image" android:text=""/></RelativeLayout>

然后我们就可以试着运行一下我们的程序啦！

除了上面所提到的一些方法以外，ListVie还有listSelectorscrollingCache,cacheColorHint,fastScrollEnabled等常用属性，addHeaderView和addFooterview方法分别是下拉刷新，上拉加载更多的实现方法。大家在下面可以自己更加深入的学习；

GridView和ScrollView

GridView和ListView没有太大区别，同样也是要借助适配器来实现数据和View的绑定。但是GridView在布局上有些特殊的属性，比如：

android:numColumn=”3”（显示三列，也可以是auto_fit自动适应）

android:columnWidth(每列的宽度)

android:verticalSpacing（垂直边距）

android:horizontalSpacing（水平边距）

ScrollView:当内容超过了整个屏幕或者容器的时候需要使用ScrollView，并且ScrollView的直接子元素只能有一个，若有多个的话系统会报错。ScrollView只支持垂直滚动,,若要支持水平滚动，则要使用HorizontalScrollView。

以上就是我第二章学习笔记，个人能力有限，难免有些不足，请大家多多包涵。

Android开发之鬼迷心窍(二)

学习笔记（二）

布局与优化

无比重要的ListView

GridView和ScrollView

更多相关文章

随机推荐