Android高手进阶教程(五)之----Android 中LayoutInflater的使用!

大家好我们这一节讲的是LayoutInflater的使用,在实际开发种LayoutInflater这个类还是非常有用的,它的作用类似于 findViewById(),

不同点是LayoutInflater是用来找layout下xml布局文件，并且实例化！而findViewById()是找具体xml下的具体 widget控件(如:Button,TextView等)。

为了让大家容易理解我做了一个简单的Demo,主布局main.xml里有一个TextView和一个Button，当点击Button，出现 Dialog,而这个Dialog的布局方式是我们在layout目录下定义的custom_dialog.xml文件(里面左右分布，左边 ImageView,右边TextView)。

效果图如下:

下面我将详细的说明Demo的实现过程:

1、新建一个 Android工程，我们命名为LayoutInflaterDemo.

2、修改main.xml布局，里面主要在原来基础上增加了一个Button.代码如下:

[java] view plain copy print ?

1. <?xml version="1.0"
2. encoding="utf-8"?>
3. <LinearLayout
4. xmlns:android="http://schemas.android.com/apk/res/android"
5. android:orientation="vertical"
6. android:layout_width="fill_parent"
7. android:layout_height="fill_parent"
8. >
9. <TextView
10. android:layout_width="fill_parent"
11. android:layout_height="wrap_content"
12. android:text="@string/hello"
13. />
14. <Button
15. android:id="@+id/button"
16. android:layout_width="wrap_content"
17. android:layout_height="wrap_content"
18. android:text="ShowCustomDialog"
19. />
20. </LinearLayout>

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello" /> <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="ShowCustomDialog" /> </LinearLayout>

3.定义对话框的布局方式，我们在layout目录下，新建一个名为 custom_dialog.xml文件具体代码如下:

[java] view plain copy print ?

1. <?xml version="1.0"
2. encoding="utf-8"?>
3. <LinearLayout
4. xmlns:android="http://schemas.android.com/apk/res/android"
5. android:orientation="horizontal"
6. android:layout_width="fill_parent"
7. android:layout_height="fill_parent"
8. android:padding="10dp"
9. >
10. <ImageView android:id="@+id/image"
11. android:layout_width="wrap_content"
12. android:layout_height="fill_parent"
13. android:layout_marginRight="10dp"
14. />
15. <TextView android:id="@+id/text"
16. android:layout_width="wrap_content"
17. android:layout_height="fill_parent"
18. android:textColor="#FFF"
19. />
20. </LinearLayout>

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent" android:padding="10dp" > <ImageView android:id="@+id/image" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_marginRight="10dp" /> <TextView android:id="@+id/text" android:layout_width="wrap_content" android:layout_height="fill_parent" android:textColor="#FFF" /> </LinearLayout>

4.修改主程序LayouInflaterDemo.java代码如下:

[java] view plain copy print ?

1. package com.android.tutor;
2. import android.app.Activity;
3. import android.app.AlertDialog;
4. import android.content.Context;
5. import android.os.Bundle;
6. import android.view.LayoutInflater;
7. import android.view.View;
8. import android.view.View.OnClickListener;
9. import android.widget.Button;
10. import android.widget.ImageView;
11. import android.widget.TextView;
12. public class LayoutInflaterDemo extends Activity implements
13. OnClickListener {
15. private Button button;
16. public void onCreate(Bundle savedInstanceState) {
17. super.onCreate(savedInstanceState);
18. setContentView(R.layout.main);
20. button = (Button)findViewById(R.id.button);
21. button.setOnClickListener(this);
22. }
23. @Override
24. public void onClick(View v) {
26. showCustomDialog();
27. }
29. public void showCustomDialog()
30. {
31. AlertDialog.Builder builder;
32. AlertDialog alertDialog;
33. Context mContext = LayoutInflaterDemo.this;
35. //下面俩种方法都可以
36. LayoutInflater inflater = getLayoutInflater();
37. LayoutInflater inflater = (LayoutInflater)
38. mContext.getSystemService(LAYOUT_INFLATER_SERVICE);
39. View layout = inflater.inflate(R.layout.custom_dialog,null);
40. TextView text = (TextView) layout.findViewById(R.id.text);
41. text.setText("Hello, Welcome to Mr Wei's blog!");
42. ImageView image = (ImageView) layout.findViewById(R.id.image);
43. image.setImageResource(R.drawable.icon);
44. builder = new AlertDialog.Builder(mContext);
45. builder.setView(layout);
46. alertDialog = builder.create();
47. alertDialog.show();
48. }
49. }

package com.android.tutor; import android.app.Activity; import android.app.AlertDialog; import android.content.Context; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.ImageView; import android.widget.TextView; public class LayoutInflaterDemo extends Activity implements OnClickListener { private Button button; public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); button = (Button)findViewById(R.id.button); button.setOnClickListener(this); } @Override public void onClick(View v) { showCustomDialog(); } public void showCustomDialog() { AlertDialog.Builder builder; AlertDialog alertDialog; Context mContext = LayoutInflaterDemo.this; //下面俩种方法都可以 LayoutInflater inflater = getLayoutInflater(); LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(LAYOUT_INFLATER_SERVICE); View layout = inflater.inflate(R.layout.custom_dialog,null); TextView text = (TextView) layout.findViewById(R.id.text); text.setText("Hello, Welcome to Mr Wei's blog!"); ImageView image = (ImageView) layout.findViewById(R.id.image); image.setImageResource(R.drawable.icon); builder = new AlertDialog.Builder(mContext); builder.setView(layout); alertDialog = builder.create(); alertDialog.show(); } }

5、最后执行之，点击Button，将得到上述效果。

好今天就到此为止，睡觉了，大家有什么不明白的请留言~谢谢!