码迷,mamicode.com
首页 > 移动开发 > 详细

Android自定义view教程05--自定义view的基础知识之LayoutInflater详解

时间:2015-06-08 19:26:06      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:

 

前面的教程我们讲了一下android的动画 的使用,尤其是着重讲解了属性动画的使用。那么这章开始我们将会讲一下android 自定义view的一些基础知识。帮助大家理解。

首先我们来关注一下LayoutInflater这个类,经常使用开源控件的人对这个类应该很熟悉了,但是很少有人能把这个类讲明白 用清楚,今天我们就来深挖一下这个类。

首先我们定义一个button.xml 和button2.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <!--
 3 这个地方你无论怎么更改 layout_width layout_height 对显示出来的效果都是没有影响的
 4 原因是view 必须存在于一个布局之中 这2个属性才有用 不然这2个属性设置是无效的
 5 可以看看button2.xml的布局 在那个里面修改这2个属性 就能起作用 而在这里更改是无效的
 6 
 7 -->
 8 <Button xmlns:android="http://schemas.android.com/apk/res/android"
 9     android:layout_width="match_parent"
10     android:layout_height="match_parent"
11     android:text="button" >
12 
13 </Button>

 

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="vertical" >
 6 
 7     <Button
 8         android:layout_width="wrap_content"
 9         android:layout_height="wrap_content"
10         android:text="button" >
11     </Button>
12 
13 </LinearLayout>

然后定义一下MainActivity

 1 package com.example.viewtest1;
 2 
 3 import android.app.Activity;
 4 import android.os.Bundle;
 5 import android.view.LayoutInflater;
 6 import android.view.View;
 7 import android.widget.LinearLayout;
 8 
 9 public class MainActivity extends Activity {
10 
11     private LinearLayout layout;
12 
13     @Override
14     protected void onCreate(Bundle savedInstanceState) {
15         super.onCreate(savedInstanceState);
16         setContentView(R.layout.activity_main);
17         layout = (LinearLayout) this.findViewById(R.id.layout);
18         LayoutInflater inflater = LayoutInflater.from(this);
19         // 这个地方可以试一下 加载button2的布局文件 然后也更改一下layout
20         // _width 以及height属性 看看有什么不一样的结果
21         // 同时要注意inflate这个方法与findviewByid的区别 前者是加载一个布局文件
22         // 而后者则是从布局文件里面查找一个控件
23         // 获取inflater有三种方法 另外两种是LayoutInflater inflater= getLayoutInflater()
24         // 和LayoutInflater
25         // inflater=(LayoutInflater)this.getSystemService(LAYOUT_INFLATER_SERVICE);
26         View buttonLayout = inflater.inflate(R.layout.button, null);
27         layout.addView(buttonLayout);
28     }
29 
30 }

最后看一下activity_main,

1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
2     xmlns:tools="http://schemas.android.com/tools"
3     android:id="@+id/layout"
4     android:layout_width="match_parent"
5     android:layout_height="match_parent"
6     android:orientation="vertical" >
7 
8 </LinearLayout>

跑一下这个demo  稍微修改一下 button和button2的xml 就知道注释里面写的是什么意思了,到这里 肯定很多人要看inflate函数的分析,我们跟踪源码 会发现最终其实调用的 都是

 1 /**
 2      * Inflate a new view hierarchy from the specified XML node. Throws
 3      * {@link InflateException} if there is an error.
 4      * <p>
 5      * <em><strong>Important</strong></em>&nbsp;&nbsp;&nbsp;For performance
 6      * reasons, view inflation relies heavily on pre-processing of XML files
 7      * that is done at build time. Therefore, it is not currently possible to
 8      * use LayoutInflater with an XmlPullParser over a plain XML file at runtime.
 9      * 
10      * @param parser XML dom node containing the description of the view
11      *        hierarchy.
12      * @param root Optional view to be the parent of the generated hierarchy (if
13      *        <em>attachToRoot</em> is true), or else simply an object that
14      *        provides a set of LayoutParams values for root of the returned
15      *        hierarchy (if <em>attachToRoot</em> is false.)
16      * @param attachToRoot Whether the inflated hierarchy should be attached to
17      *        the root parameter? If false, root is only used to create the
18      *        correct subclass of LayoutParams for the root view in the XML.
19      * @return The root View of the inflated hierarchy. If root was supplied and
20      *         attachToRoot is true, this is root; otherwise it is the root of
21      *         the inflated XML file.
22      */
23     public View inflate(XmlPullParser parser, ViewGroup root, boolean attachToRoot) {

这个函数,我们可以再写一个demo 来看看这个函数到底有什么用 三个参数分别有什么意义。搞明白这一点我们再去看源码。

 

 定义一个activity

  1 package com.example.viewtest2;
  2 
  3 import java.util.ArrayList;
  4 import java.util.List;
  5 import java.util.Random;
  6 
  7 import android.app.Activity;
  8 import android.content.Context;
  9 import android.os.Bundle;
 10 import android.view.LayoutInflater;
 11 import android.view.View;
 12 import android.view.ViewGroup;
 13 import android.widget.BaseAdapter;
 14 import android.widget.Button;
 15 import android.widget.ListView;
 16 
 17 public class MainActivity extends Activity {
 18 
 19     private ListView lv;
 20 
 21     private BaseAdapter adapter;
 22 
 23     private List<String> data = new ArrayList<String>();
 24 
 25     @Override
 26     protected void onCreate(Bundle savedInstanceState) {
 27         super.onCreate(savedInstanceState);
 28         setContentView(R.layout.activity_main);
 29         lv = (ListView) this.findViewById(R.id.lv);
 30         for (int i = 0; i < 10; i++) {
 31             data.add(getRandomString(5));
 32         }
 33         adapter = new ModifyAdapter(this, data);
 34         lv.setAdapter(adapter);
 35 
 36     }
 37 
 38     class ModifyAdapter extends BaseAdapter {
 39 
 40         private LayoutInflater mLayoutInflater;
 41         private List<String> data;
 42 
 43         public ModifyAdapter(Context context, List<String> datas) {
 44             mLayoutInflater = LayoutInflater.from(context);
 45             data = datas;
 46         }
 47 
 48         @Override
 49         public int getCount() {
 50             // TODO Auto-generated method stub
 51             return data.size();
 52         }
 53 
 54         @Override
 55         public Object getItem(int position) {
 56             // TODO Auto-generated method stub
 57             return data.get(position);
 58         }
 59 
 60         @Override
 61         public long getItemId(int position) {
 62             // TODO Auto-generated method stub
 63             return position;
 64         }
 65 
 66         @Override
 67         public View getView(int position, View convertView, ViewGroup parent) {
 68             ViewHolder holder = null;
 69             if (convertView == null) {
 70                 holder = new ViewHolder();
 71                 // 可以执行下面三种写法 看看代码实际效果
 72                 // 下面这个效果 会发现布局文件里设置的高度和宽度是无效的
 73                 convertView = mLayoutInflater.inflate(R.layout.item, null);
 74                 // 下面这个效果 就可以发现高度和宽度的设置是有效的了
 75                 // convertView = mLayoutInflater.inflate(R.layout.item, parent,
 76                 // false);
 77                 // 下面这个是会报异常的:java.lang.UnsupportedOperationException:
 78                 // addView(View, LayoutParams) is not supported in AdapterView
 79 
 80                 // convertView = mLayoutInflater.inflate(R.layout.item, parent,
 81                 // true);
 82                 holder.bt = (Button) convertView.findViewById(R.id.bt);
 83                 convertView.setTag(holder);
 84             } else {
 85                 holder = (ViewHolder) convertView.getTag();
 86             }
 87 
 88             holder.bt.setText(data.get(position));
 89 
 90             return convertView;
 91         }
 92 
 93         class ViewHolder {
 94             Button bt;
 95         }
 96 
 97     }
 98 
 99     public static String getRandomString(int length) { // length表示生成字符串的长度
100         String base = "abcdefghijklmnopqrstuvwxyz0123456789";
101         Random random = new Random();
102         StringBuffer sb = new StringBuffer();
103         for (int i = 0; i < length; i++) {
104             int number = random.nextInt(base.length());
105             sb.append(base.charAt(number));
106         }
107         return sb.toString();
108     }
109 
110 }

 

 把item的布局文件代码上一下

1 <Button xmlns:android="http://schemas.android.com/apk/res/android"
2     android:id="@+id/bt"
3     android:layout_width="100dp"
4     android:layout_height="100dp" >
5 
6 </Button>

 

 大家可以跑一下这个demo 看看getview里的注释的效果。

到这里 我们似乎就能发现 一个规律

inflate(res,null) 设置的长宽不启作用----但是在这种情况下 如果我们修改一下item的布局文件 最外层随便包一个viewgroup就是可以启作用的 大家可以想一下是为什么?可以看看我们第一个demo就很容易明白了

inflate(res,parent,true)会报错

inflate(res,parent,false) 就能正确的显示长宽高。

此时 我们就可以来分析一下 源代码 为什么这三种调用方法 会是这样的结果

 

  1 public View inflate(XmlPullParser parser, ViewGroup root, boolean attachToRoot) {
  2         synchronized (mConstructorArgs) {
  3             final AttributeSet attrs = Xml.asAttributeSet(parser);
  4             Context lastContext = (Context)mConstructorArgs[0];
  5             mConstructorArgs[0] = mContext;
  6             View result = root;
  7 
  8             try {
  9                 // Look for the root node.
 10                 int type;
 11                 while ((type = parser.next()) != XmlPullParser.START_TAG &&
 12                         type != XmlPullParser.END_DOCUMENT) {
 13                     // Empty
 14                 }
 15 
 16                 if (type != XmlPullParser.START_TAG) {
 17                     throw new InflateException(parser.getPositionDescription()
 18                             + ": No start tag found!");
 19                 }
 20 
 21                 final String name = parser.getName();
 22                 
 23                 if (DEBUG) {
 24                     System.out.println("**************************");
 25                     System.out.println("Creating root view: "
 26                             + name);
 27                     System.out.println("**************************");
 28                 }
 29 
 30                 if (TAG_MERGE.equals(name)) {
 31                     if (root == null || !attachToRoot) {
 32                         throw new InflateException("<merge /> can be used only with a valid "
 33                                 + "ViewGroup root and attachToRoot=true");
 34                     }
 35 
 36                     rInflate(parser, root, attrs, false);
 37                 } else {
 38                     // Temp is the root view that was found in the xml
 39                     View temp;
 40                     if (TAG_1995.equals(name)) {
 41                         temp = new BlinkLayout(mContext, attrs);
 42                     } else {
 43                         temp = createViewFromTag(root, name, attrs);
 44                     }
 45 
 46                     ViewGroup.LayoutParams params = null;
 47 
 48                     if (root != null) {
 49                         if (DEBUG) {
 50                             System.out.println("Creating params from root: " +
 51                                     root);
 52                         }
 53                         // Create layout params that match root, if supplied
 54                         params = root.generateLayoutParams(attrs);
 55                         if (!attachToRoot) {
 56                             // Set the layout params for temp if we are not
 57                             // attaching. (If we are, we use addView, below)
 58                             temp.setLayoutParams(params);
 59                         }
 60                     }
 61 
 62                     if (DEBUG) {
 63                         System.out.println("-----> start inflating children");
 64                     }
 65                     // Inflate all children under temp
 66                     rInflate(parser, temp, attrs, true);
 67                     if (DEBUG) {
 68                         System.out.println("-----> done inflating children");
 69                     }
 70 
 71                     // We are supposed to attach all the views we found (int temp)
 72                     // to root. Do that now.
 73                     if (root != null && attachToRoot) {
 74                         root.addView(temp, params);
 75                     }
 76 
 77                     // Decide whether to return the root that was passed in or the
 78                     // top view found in xml.
 79                     if (root == null || !attachToRoot) {
 80                         result = temp;
 81                     }
 82                 }
 83 
 84             } catch (XmlPullParserException e) {
 85                 InflateException ex = new InflateException(e.getMessage());
 86                 ex.initCause(e);
 87                 throw ex;
 88             } catch (IOException e) {
 89                 InflateException ex = new InflateException(
 90                         parser.getPositionDescription()
 91                         + ": " + e.getMessage());
 92                 ex.initCause(e);
 93                 throw ex;
 94             } finally {
 95                 // Don‘t retain static reference on context.
 96                 mConstructorArgs[0] = lastContext;
 97                 mConstructorArgs[1] = null;
 98             }
 99 
100             return result;
101         }
102     }

 

首先看一下第六行 定义了一个view 名称为result  这个result的初始值 就是我们传进去的parent ,而这个函数值的返回也恰好就是这个result

然后看看77-81行。 这段代码的意思就是说 当传进去的parent 为空 或者第三个参数值为false的时候 result的值 就被设置成了temp的值。

除此之外 result的值就是我们传进去的parent的值。

我们再来看看temp是什么。

 

42-44行 就是告诉你 创建了一个名为temp的view

 

48-60行  告诉我们 当我们传进去的parent的值 不为空 并且第三个参数值为false的时候 我们就会设置这个temp的的layoutparams了。66行就是遍历所有子元素

然后看下 71-74行  如果传进去的parent的值不为空 并且第三个参数值为true的时候 就会调用parent的addview 方法

而在我们这个例子里,我们的parent 是listview  要知道 listview 是继承自 abstract class AdapterView<T extends Adapter> extends ViewGroup 这个类

我们去看看这个类的addview方法的源码

 

1 @Override
2     public void addView(View child) {
3         throw new UnsupportedOperationException("addView(View) is not supported in AdapterView");
4     }

 

到这 我们就算印证了demo里的结果了,如果有人到这里还是不明白 可以回头再看一遍源码 我来总结一下

inflate(res,null) 最终返回的是temp的值 大家都知道layout_weight width这2个属性是相对父级 也就是viewgroup来设置的、

你传进去的parent为null的话 ,58行代码是执行不了的,当然你设置的属性就没用了

inflate(resId , parent, false ) 最终返回的也是temp的值,但是这种情况再返回之前,他会执行temp.setLayoutParams(params) 这个params

看下54行代码就知道了就是取的父控件的值。 所以这种情况下 我们设置的长宽就是有效的。

第三种报错的情况 刚才已经分析过了,当第三个参数为true的时候 就会调用addview了

 

最后我们再来看一个例子 来加深一下 对这个函数的理解 

 1 package com.example.viewtest2;
 2 
 3 import android.app.Activity;
 4 import android.os.Bundle;
 5 import android.util.Log;
 6 import android.view.LayoutInflater;
 7 import android.view.View;
 8 import android.view.ViewGroup;
 9 
10 public class MainActivity extends Activity {
11 
12     private LayoutInflater inflater;
13 
14     @Override
15     protected void onCreate(Bundle savedInstanceState) {
16         super.onCreate(savedInstanceState);
17 
18         // 注意看一下我们的代码 这里可是没有setcontentview的
19         inflater = LayoutInflater.from(this);
20 
21         // 这个地方日志打出来就会发现view的layoutparams 就是空 可以和源码互相验证一下
22 
23         View view1 = inflater.inflate(R.layout.activity_main, null);
24 
25         // 这个地方打印view2 就能发现了 打印的是activity的内容区域 farmelayout的
26         // layoutparams
27         View view2 = inflater.inflate(R.layout.activity_main,
28                 (ViewGroup) findViewById(android.R.id.content), false);
29 
30         // 如果你把view3 這邊的代碼注释掉的话 你就会发现 执行这个代码 界面上是没有显示的
31         // 因为只有第三种情况 也就是parent不为空 并且第三个参数为true的时候 才会去调用
32         // 父控件的addview方法 这里我们的父控件就是activity的内容区域 那个大名鼎鼎的
33         // framelayout了
34         View view3 = inflater.inflate(R.layout.activity_main,
35                 (ViewGroup) findViewById(android.R.id.content), true);
36 
37         Log.v("ccc",
38                 "view1 = " + view1 + " , view1.layoutParams = "
39                         + view1.getLayoutParams());
40         Log.v("ccc",
41                 "view2 = " + view2 + " , view2.layoutParams = "
42                         + view2.getLayoutParams());
43         Log.v("ccc", "view3 = " + view3);
44 
45     }
46 
47 }

把布局文件上一下

 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:paddingBottom="@dimen/activity_vertical_margin"
 6     android:paddingLeft="@dimen/activity_horizontal_margin"
 7     android:paddingRight="@dimen/activity_horizontal_margin"
 8     android:paddingTop="@dimen/activity_vertical_margin"
 9     tools:context="com.example.viewtest2.MainActivity" >
10 
11     <Button
12         android:id="@+id/lv"
13         android:layout_width="100dp"
14         android:layout_height="100dp"
15         android:text="test button" >
16     </Button>
17 
18 </RelativeLayout>

 

Android自定义view教程05--自定义view的基础知识之LayoutInflater详解

标签:

原文地址:http://www.cnblogs.com/punkisnotdead/p/4561621.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!