Android中LayoutInflater和MenuInflater的使用

在实际开发种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

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>  

 

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

 

[java]  view plain copy

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>  

 

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

 

[java]  view plain copy

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 {  
14.       
15.     private Button button;  
16.     public void onCreate(Bundle savedInstanceState) {  
17.         super.onCreate(savedInstanceState);  
18.         setContentView(R.layout.main);  
19.           
20.         button = (Button)findViewById(R.id.button);  
21.         button.setOnClickListener(this);  
22.     }  
23.     @Override  
24.     public void onClick(View v) {  
25.           
26.         showCustomDialog();  
27.     }  
28.       
29.     public void showCustomDialog()  
30.     {  
31.         AlertDialog.Builder builder;  
32.         AlertDialog alertDialog;  
33.         Context mContext = LayoutInflaterDemo.this;  
34.           
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. }  

 

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

上一节讲的是LayoutInflater 的 使用，而这一节我将讲一下MenuInflater ,顾名思义，LayoutInflater 是用来解析定义在layout 下的布局文件，那么MenuInflater 是不是用来解析定义在menu目录下的菜单布局文件呢？ 恭喜你答对了！(*^__^*) 嘻嘻……

 

我们传统意义上 的定义菜单感觉比较繁琐，当我们使用MenuInflater 来生成菜单，你会发现是多么的爽朗，呵呵，我今天的小Demo,是定义四个菜单，并且实现了一个菜单事件。就是我们点击设置 (Setting )菜单，进入手机设置状态！下面看一下效果图:

 

    

 

下面是实现Demo 的详细步骤:

 

一、建立一个Android 工程我们命名为MenuInflaterDemo .

 

二、在res 目录下创建menu 目录，并且创建options_menu.xml (我们定义的菜单)文件,代码如下:

 

[java]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <menu  
3.   xmlns:android="http://schemas.android.com/apk/res/android">  
4.     <item android:id="@+id/menu_add"  
5.           android:title="Add"  
6.           android:icon="@android:drawable/ic_menu_add"  
7.            />  
8.     <item android:id="@+id/menu_wallaper"  
9.           android:title="Wallpaper"  
10.           android:icon="@android:drawable/ic_menu_gallery"  
11.            />  
12.    <item android:id="@+id/menu_search"  
13.           android:title="Search"  
14.           android:icon="@android:drawable/ic_search_category_default"  
15.            />  
16.    <item android:id="@+id/menu_setting"  
17.           android:title="Settings"  
18.           android:icon="@android:drawable/ic_menu_preferences"  
19.            />  
20. </menu>  

 

三、主类MenuInflaterDemo.java 的编码，这里写的代码很少哦，我这里只写了第四个菜单(Settings )的响应事件.全部代码如下:

 

[java]  view plain copy

1. package com.android.tutor;  
2. import android.app.Activity;  
3. import android.content.Intent;  
4. import android.os.Bundle;  
5. import android.view.Menu;  
6. import android.view.MenuInflater;  
7. import android.view.MenuItem;  
8. public class MenuInflaterDemo extends Activity {  
9.     @Override  
10.     public void onCreate(Bundle savedInstanceState) {  
11.         super.onCreate(savedInstanceState);  
12.         setContentView(R.layout.main);  
13.     }  
14.       
15.     @Override  
16.     public boolean onCreateOptionsMenu(Menu menu) {  
17.         MenuInflater inflater = getMenuInflater();  
18.         inflater.inflate(R.menu.options_menu, menu);      
19.         return true;  
20.     }  
21.       
22.     @Override  
23.     public boolean onOptionsItemSelected(MenuItem item) {  
24.         switch (item.getItemId()) {  
25.         case R.id.menu_add:  
26.               
27.             break;  
28.         case R.id.menu_wallaper:  
29.             break;  
30.         case R.id.menu_search:  
31.             break;  
32.         case R.id.menu_setting:  
33.             showSettings();  
34.             break;  
35.         }  
36.         return super.onOptionsItemSelected(item);  
37.     }  
38.       
39.       
40.     private void showSettings(){  
41.           
42.      final Intent settings = new Intent(android.provider.Settings.ACTION_SETTINGS);  
43.             settings.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK |  
44.                     Intent.FLAG_ACTIVITY_RESET_TASK_IF_NEEDED);  
45.               
46.         startActivity(settings);  
47.    }  
48. }  

 

四、运行代码之，点击模拟器上的menu 按钮将会出现上述效果图!