2018-05-15常用UI布局

常用UI布局1.

LinearLayout线性布局: 用来控制其子View以水平或垂直方式展开显示重要属性: orientation(方向)layout_weight(权重)

2.理解LinearLayout权重

layout_weight(权重)的值 =0(默认值): 指定多大空间就占据多大的空间 >0: 将父视图中的可用空间进行分割, 值越大权重就越大, 占据的比例就会越大Layout_weight的使用场景 将布局的宽度或高度平均分成几个等份 垂直方向上占用中间所有空间 或 水平方向上占用中间所有空间

3.RelativeLayout

相对布局: 用来控制其子View以相对定位的方式进行布局显示相对布局是最灵活, 最强大,也是学习难度最大的布局相对布局相关属性比较多:兄弟视图之间: 同方向对齐, 反方向对齐与父视图之间: 同方向对齐, 居中

4.属性的划分

针对任何View的属性常用的最基本属性内边距属性 padding外边距属性 margin只针对RelativeLayout的属性反方向对齐属性 to/above/below同方向对齐属性 align相对父视图的属性 alignparent/center只针对LinearLayout的属性权重属性 weight方向属性 oritation

常用的视图标签....................................................................................................................

5.常用基本属性

属性名


2018-05-15常用UI布局_第1张图片

2.内边距与外边距 

内边距属性

Android:padding

Android:paddingLeft

android: paddingTop

android: paddingRigth

android: paddingButton

外边距属性android:layout_margin

android:layout_marginLeft

android:layout_marginTop

android:layout_mariginRigth

android:layout_marginButton

相对兄弟视图定位

 同方向对齐属性:android:layout_alignLeft

android:layout_alignTop

android:layout_alignRigth

android:layout_alignButton

反方向对齐属性

android:layout_toLeftof

android:layout_torightof

android:layout_above

android:layout_below

相对父视图定位 

与父视图同方向对齐属性android:layout_alignParentLeft

android:layout_alignParentTop

android:layout_alignParentRight

android:layout_alignParentButton

相对父视图居中属性android:layout_centerInparent

android:layout_centerVertical

android:layout_centerHorizontal

6.framelayout

帧布局中的每一个子View都代表一个画面,默认以屏幕左上角作为( 0,0 )坐标,按定义的先后顺序依次逐屏显示 , 后面出现的会覆盖前面的画面,通过子View的android:layout_gravity 属性来指定子视图的位置

 ListView的使用

1).理解ListView是一种用来显示多个可滑动项(Item)列表的ViewGroup需要使用Adapter将集合数据和每一个Item所对应的布局动态适配到ListView中显示显示列表: listView.setAdapter(adapter)更新列表: adapter.notifyDataSetChanged()Data→Adapter→ListView↑Item Layout

2).使用Adapter ArrayAdapter: 显示最简单的列表(文本) 集合数据为List或String[]arrayAdapter(Context con,int resource,T[] objests)SimpleAdapter: 显示复杂的列表 集合数据必须是List>类型SimpleADapter(Context cont,List? extends Mapdata. int resource String[] from, int[] to)BaseAdapter: 显示复杂的列表 集合数据可以是任意类型的集合Listint getCount();得到集合数据的个数,决定了能显示多少行

Object  getItem(int poition):根据position得到对应的数据对象

View getView(int position View  convertView, ViewGroup parent)

根据position返回对应的带数据的Item视图对象

position:下标  covertView:  可复用的Item视图对象    为null:没有可复用的,我们必须加载一个Item的布局文件,斌赋值给convertView    不为null:直接使用此时图对象

后面:找到子view,找到对应的数据,设置数据

parent:listView    给listView的Item设置监听

Item的监听    listview。setonItemClickListtener(listtener)

item的长安监听      listview.setOnItemLongClickListenter(listener)

SimpleCursorAdapter: 显示复杂的列表 集合数据是数据库查询结果集

3).ListView + ArrayAdapter

context: 上下文件对象, 一般为Acivity对象

resource: Item的布局文件标识

objects: 需要显示的数据集合(Array或List)

4).ListView + SimpleAdapter

context: 上下文件对象, 一般为Acivity对象

data: 需要显示的数据集合

resource: Item布局文件标识

from: map对象中的key的数组, 用于得到对应的value

to: Item布局文件中的子view的id的数组

5).ListView + BaseAdapter

class MyBaseAdapter extends BaseAdapter {

@Override

public int getCount() {

return 0;

}

@Override

public Object getItem(int position) {

return null;

}

@Override

public long getItemId(int position) {

return 0;

}

@Override

public View getView (int position,

View convertView, ViewGroup parent) {

return null;

}

}

6).样式(Style)

理解:

多个视图属性的集合, 在写布局时, 当多个视图有不少相同的属性时, 可以把这些相同的属性放在一起在styles.xml中定义成一个Style, 而在布局文件中使用@style/style_name统一引用

作用:

复用视图标签属性

目标:

针对的是窗口中的某些视图

系统样式:

Android也定义了些系统样式可以使用

使用系统样式: @android:style/xxx

7).主题(theme)

理解:

主题的本质也是style

在styles.xml中定义, 在manifest.xml中引用

作用:

复用视图标签属性

目标:

针对整个应用或某个Activity的界面

系统常用主题:

@android:style/Theme.Light.NoTitleBar : 没有标题

@android:style/Theme.Light.NoTitleBar.Fullscreen: 全屏

@android:style/Theme.Dialog : 对话框

3).优化)(重点........................................................................)

第0层:不优化:

每次执行getView(),都会执行:convertView

View.inflate(R.layout.xxx)

问题:效率太低,在快速滑动时会有卡顿,在数据很多时甚至回内存溢出

第一层:复用convertView

  if (convertView==null) {

convertView = View.inflate(MainActivity.this, R.layout.item_simple, null);//n+1

问题:每次执行getView()都需要执行convertView.findViewById()得到子View

第二层:使用ViewHolder,减少findViewByID的次数

ViewHolder holder = null;

  //如果没有

  if (convertView==null) {

    Log.e("TAG", "getView()--->position="+position+"converView="+convertView);

    // 加载Item的布局,得到的view对象

    convertView = View.inflate(MainActivity.this, R.layout.item_simple, null);

    holder  = new ViewHolder();

    holder.imageView =  (ImageView) convertView.findViewById(R.id.iv_item_icon);

    holder.nameTV = (TextView) convertView.findViewById(R.id.tv_item_name);

    holder.contentTV = (TextView) convertView.findViewById(R.id.tv_item_content);

    //将holder对象保存到convertView上

    convertView.setTag(holder);

  }else{

    holder = (ViewHolder) convertView.getTag();

  }



  //根据position设置对应的数据

  //得到当前行的数据对象

  ShopInfo shopInfo = data.get(position);


  //3.给viewHolder对象设置数据

  holder.imageView.setImageResource(shopInfo.getIcon());

  holder.nameTV.setText(shopInfo.getName());

  holder.contentTV.setText(shopInfo.getContent());

  return convertView;

  }

}//视图的容器类

  class ViewHolder{

  public ImageView imageView;

  public TextView nameTV;

  public TextView contentTV;

  }

问题1:对与联网获取列表数据,如果数据量太大(比如超过100000条甚至更多)一次获取出来显示,太慢太耗流量,:第四层优化

问题2:对于联网获取列表数据,如果包含图片数据,每次都请求获取显示,太慢太耗流量:第三层优化

第三层优化:图片三级缓存处理(LRU)

1).内存缓存,优先加载  速度最快

2).本地缓存  次数先加载  速度稍快

3).网络缓存  最后加载  速度有网络速度决定(浪费流量)

第四层优化:对数据列表进行分页加载显示

1)通过Scroll监听

listVie.setOnScrollListenter,当到达底部是加载下一页  列表数据并显示

2).使用第三方开源架

你可能感兴趣的:(2018-05-15常用UI布局)