常用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.常用基本属性 属性名 作者：小妮詪拽 链接：https://www.jianshu.com/p/e8e05a353f27 來源： 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

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）.使用第三方开源架 作者：小妮詪拽 链接：https://www.jianshu.com/p/e8e05a353f27 來源： 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。