美文网首页
2018-05-15常用UI布局

2018-05-15常用UI布局

作者: 小妮詪拽 | 来源:发表于2018-05-15 20:36 被阅读0次

    常用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.常用基本属性

    属性名

    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布局

          本文链接:https://www.haomeiwen.com/subject/dxwydftx.html