此页面上的内容需要较新版本的 Adobe Flash Player。

获取 Adobe Flash Player

您现在的位置: 智可网 - 程序开发 - Android开发 - android高级开发 - 正文
Android高手进阶教程(五)之----Android 中LayoutInflater的使用!
教程录入:admin    责任编辑:quan 作者:佚名 文章来源:weizhulin.blog.51cto
大家好我们这一节讲的是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.代码如下:
  1. vIEw plaincopy to clipboardprint?  
  2. <?XML version="1.0"      
  3. encoding="utf-8"?>     
  4. <LinearLayout      
  5. XMLns:android="http://schemas.android.com/apk/res/android"    
  6.     android:orIEntation="vertical"    
  7.     android:layout_width="fill_parent"    
  8.     android:layout_height="fill_parent"    
  9.     >     
  10. <TextVIEw       
  11.     android:layout_width="fill_parent"      
  12.     android:layout_height="wrap_content"      
  13.     android:text="@string/hello"    
  14.     />     
  15. <Button     
  16.     android:id="@+id/button"    
  17.     android:layout_width="wrap_content"    
  18.     android:layout_height="wrap_content"    
  19.     android:text="ShowCustomDialog"    
  20.     />     
  21. </LinearLayout>    
  22. <?XML version="1.0"   
  23. encoding="utf-8"?> 
  24. <LinearLayout   
  25. XMLns:android="http://schemas.android.com/apk/res/android" 
  26.     android:orIEntation="vertical" 
  27.     android:layout_width="fill_parent" 
  28.     android:layout_height="fill_parent" 
  29.     > 
  30. <TextVIEw    
  31.     android:layout_width="fill_parent"   
  32.     android:layout_height="wrap_content"   
  33.     android:text="@string/hello" 
  34.     /> 
  35. <Button 
  36.  android:id="@+id/button" 
  37.  android:layout_width="wrap_content" 
  38.  android:layout_height="wrap_content" 
  39.  android:text="ShowCustomDialog" 
  40.  /> 
  41. </LinearLayout> 
 
3.定义对话框的布局方式,我们在layout目录下,新建一个名为 custom_dialog.XML文件具体代码如下:
  1. vIEw plaincopy to clipboardprint?  
  2. <?XML version="1.0"      
  3. encoding="utf-8"?>     
  4. <LinearLayout      
  5. XMLns:android="http://schemas.android.com/apk/res/android"    
  6.               android:orIEntation="horizontal"    
  7.               android:layout_width="fill_parent"    
  8.               android:layout_height="fill_parent"    
  9.               android:padding="10dp"    
  10.               >     
  11.     <ImageVIEw android:id="@+id/image"    
  12.                android:layout_width="wrap_content"    
  13.                android:layout_height="fill_parent"    
  14.                android:layout_marginRight="10dp"    
  15.                />     
  16.     <TextVIEw android:id="@+id/text"    
  17.               android:layout_width="wrap_content"    
  18.               android:layout_height="fill_parent"    
  19.               android:textColor="#FFF"    
  20.               />     
  21. </LinearLayout>    
  22. <?XML version="1.0"   
  23. encoding="utf-8"?> 
  24. <LinearLayout   
  25. XMLns:android="http://schemas.android.com/apk/res/android" 
  26.               android:orIEntation="horizontal" 
  27.               android:layout_width="fill_parent" 
  28.               android:layout_height="fill_parent" 
  29.               android:padding="10dp" 
  30.               > 
  31.     <ImageVIEw android:id="@+id/image" 
  32.                android:layout_width="wrap_content" 
  33.                android:layout_height="fill_parent" 
  34.                android:layout_marginRight="10dp" 
  35.                /> 
  36.     <TextVIEw android:id="@+id/text" 
  37.               android:layout_width="wrap_content" 
  38.               android:layout_height="fill_parent" 
  39.               android:textColor="#FFF" 
  40.               /> 
  41. </LinearLayout> 
 
4.修改主程序LayouInflaterDemo.Java代码如下:
 
  1. vIEw plaincopy to clipboardprint?  
  2. package com.android.tutor;     
  3. import android.app.Activity;     
  4. import android.app.AlertDialog;     
  5. import android.content.Context;     
  6. import android.os.Bundle;     
  7. import android.vIEw.LayoutInflater;     
  8. import android.view.VIEw;     
  9. import android.view.VIEw.OnClickListener;     
  10. import android.widget.Button;     
  11. import android.widget.ImageVIEw;     
  12. import android.widget.TextVIEw;     
  13. public class LayoutInflaterDemo extends Activity implements      
  14. OnClickListener {     
  15.          
  16.     private Button button;     
  17.     public void onCreate(Bundle savedInstanceState) {     
  18.         super.onCreate(savedInstanceState);     
  19.         setContentVIEw(R.layout.main);     
  20.              
  21.         button = (Button)findVIEwById(R.id.button);     
  22.         button.setOnClickListener(this);     
  23.     }     
  24.     @Override    
  25.     public void onClick(VIEw v) {     
  26.              
  27.         showCustomDialog();     
  28.     }     
  29.          
  30.     public void showCustomDialog()     
  31.     {     
  32.         AlertDialog.Builder builder;     
  33.         AlertDialog alertDialog;     
  34.         Context mContext = LayoutInflaterDemo.this;     
  35.              
  36.         //下面俩种方法都可以     
  37.         ////LayoutInflater inflater = getLayoutInflater();     
  38.         LayoutInflater inflater = (LayoutInflater)      
  39. mContext.getSystemService(LAYOUT_INFLATER_SERVICE);     
  40.         VIEw layout = inflater.inflate(R.layout.custom_dialog,null);     
  41.         TextView text = (TextView) layout.findVIEwById(R.id.text);     
  42.         text.setText("Hello, Welcome to Mr Wei's blog!");     
  43.         ImageView image = (ImageView) layout.findVIEwById(R.id.image);     
  44.         image.setImageResource(R.drawable.icon);     
  45.         builder = new AlertDialog.Builder(mContext);     
  46.         builder.setVIEw(layout);     
  47.         alertDialog = builder.create();     
  48.         alertDialog.show();     
  49.     }     
  50. }    
  51. package com.android.tutor;  
  52. import android.app.Activity;  
  53. import android.app.AlertDialog;  
  54. import android.content.Context;  
  55. import android.os.Bundle;  
  56. import android.vIEw.LayoutInflater;  
  57. import android.view.VIEw;  
  58. import android.view.VIEw.OnClickListener;  
  59. import android.widget.Button;  
  60. import android.widget.ImageVIEw;  
  61. import android.widget.TextVIEw;  
  62. public class LayoutInflaterDemo extends Activity implements   
  63. OnClickListener {  
  64.       
  65.  private Button button;  
  66.     public void onCreate(Bundle savedInstanceState) {  
  67.         super.onCreate(savedInstanceState);  
  68.         setContentVIEw(R.layout.main);  
  69.           
  70.         button = (Button)findVIEwById(R.id.button);  
  71.         button.setOnClickListener(this);  
  72.     }  
  73.  @Override 
  74.  public void onClick(VIEw v) {  
  75.     
  76.   showCustomDialog();  
  77.  }  
  78.    
  79.  public void showCustomDialog()  
  80.  {  
  81.   AlertDialog.Builder builder;  
  82.   AlertDialog alertDialog;  
  83.   Context mContext = LayoutInflaterDemo.this;  
  84.     
  85.   //下面俩种方法都可以  
  86.   ////LayoutInflater inflater = getLayoutInflater();  
  87.   LayoutInflater inflater = (LayoutInflater)   
  88. mContext.getSystemService(LAYOUT_INFLATER_SERVICE);  
  89.   VIEw layout = inflater.inflate(R.layout.custom_dialog,null);  
  90.   TextView text = (TextView) layout.findVIEwById(R.id.text);  
  91.   text.setText("Hello, Welcome to Mr Wei's blog!");  
  92.   ImageView image = (ImageView) layout.findVIEwById(R.id.image);  
  93.   image.setImageResource(R.drawable.icon);  
  94.   builder = new AlertDialog.Builder(mContext);  
  95.   builder.setVIEw(layout);  
  96.   alertDialog = builder.create();  
  97.   alertDialog.show();  
  98.  }  
  99. }   
5、最后执行之,点击Button,将得到上述效果。
 好今天就到此为止,睡觉了,大家有什么不明白的请留言~谢谢!
分享
打赏我
打开支付宝"扫一扫" 打开微信"扫一扫"
客户端
"扫一扫"下载智可网App
意见反馈
Android高手进阶教程(五)之----Android 中LayoutInflater的使用!
作者:佚名 来源:weizhulin.blog.51cto
大家好我们这一节讲的是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.代码如下:
  1. vIEw plaincopy to clipboardprint?  
  2. <?XML version="1.0"      
  3. encoding="utf-8"?>     
  4. <LinearLayout      
  5. XMLns:android="http://schemas.android.com/apk/res/android"    
  6.     android:orIEntation="vertical"    
  7.     android:layout_width="fill_parent"    
  8.     android:layout_height="fill_parent"    
  9.     >     
  10. <TextVIEw       
  11.     android:layout_width="fill_parent"      
  12.     android:layout_height="wrap_content"      
  13.     android:text="@string/hello"    
  14.     />     
  15. <Button     
  16.     android:id="@+id/button"    
  17.     android:layout_width="wrap_content"    
  18.     android:layout_height="wrap_content"    
  19.     android:text="ShowCustomDialog"    
  20.     />     
  21. </LinearLayout>    
  22. <?XML version="1.0"   
  23. encoding="utf-8"?> 
  24. <LinearLayout   
  25. XMLns:android="http://schemas.android.com/apk/res/android" 
  26.     android:orIEntation="vertical" 
  27.     android:layout_width="fill_parent" 
  28.     android:layout_height="fill_parent" 
  29.     > 
  30. <TextVIEw    
  31.     android:layout_width="fill_parent"   
  32.     android:layout_height="wrap_content"   
  33.     android:text="@string/hello" 
  34.     /> 
  35. <Button 
  36.  android:id="@+id/button" 
  37.  android:layout_width="wrap_content" 
  38.  android:layout_height="wrap_content" 
  39.  android:text="ShowCustomDialog" 
  40.  /> 
  41. </LinearLayout> 
 
3.定义对话框的布局方式,我们在layout目录下,新建一个名为 custom_dialog.XML文件具体代码如下:
  1. vIEw plaincopy to clipboardprint?  
  2. <?XML version="1.0"      
  3. encoding="utf-8"?>     
  4. <LinearLayout      
  5. XMLns:android="http://schemas.android.com/apk/res/android"    
  6.               android:orIEntation="horizontal"    
  7.               android:layout_width="fill_parent"    
  8.               android:layout_height="fill_parent"    
  9.               android:padding="10dp"    
  10.               >     
  11.     <ImageVIEw android:id="@+id/image"    
  12.                android:layout_width="wrap_content"    
  13.                android:layout_height="fill_parent"    
  14.                android:layout_marginRight="10dp"    
  15.                />     
  16.     <TextVIEw android:id="@+id/text"    
  17.               android:layout_width="wrap_content"    
  18.               android:layout_height="fill_parent"    
  19.               android:textColor="#FFF"    
  20.               />     
  21. </LinearLayout>    
  22. <?XML version="1.0"   
  23. encoding="utf-8"?> 
  24. <LinearLayout   
  25. XMLns:android="http://schemas.android.com/apk/res/android" 
  26.               android:orIEntation="horizontal" 
  27.               android:layout_width="fill_parent" 
  28.               android:layout_height="fill_parent" 
  29.               android:padding="10dp" 
  30.               > 
  31.     <ImageVIEw android:id="@+id/image" 
  32.                android:layout_width="wrap_content" 
  33.                android:layout_height="fill_parent" 
  34.                android:layout_marginRight="10dp" 
  35.                /> 
  36.     <TextVIEw android:id="@+id/text" 
  37.               android:layout_width="wrap_content" 
  38.               android:layout_height="fill_parent" 
  39.               android:textColor="#FFF" 
  40.               /> 
  41. </LinearLayout> 
 
4.修改主程序LayouInflaterDemo.Java代码如下:
 
  1. vIEw plaincopy to clipboardprint?  
  2. package com.android.tutor;     
  3. import android.app.Activity;     
  4. import android.app.AlertDialog;     
  5. import android.content.Context;     
  6. import android.os.Bundle;     
  7. import android.vIEw.LayoutInflater;     
  8. import android.view.VIEw;     
  9. import android.view.VIEw.OnClickListener;     
  10. import android.widget.Button;     
  11. import android.widget.ImageVIEw;     
  12. import android.widget.TextVIEw;     
  13. public class LayoutInflaterDemo extends Activity implements      
  14. OnClickListener {     
  15.          
  16.     private Button button;     
  17.     public void onCreate(Bundle savedInstanceState) {     
  18.         super.onCreate(savedInstanceState);     
  19.         setContentVIEw(R.layout.main);     
  20.              
  21.         button = (Button)findVIEwById(R.id.button);     
  22.         button.setOnClickListener(this);     
  23.     }     
  24.     @Override    
  25.     public void onClick(VIEw v) {     
  26.              
  27.         showCustomDialog();     
  28.     }     
  29.          
  30.     public void showCustomDialog()     
  31.     {     
  32.         AlertDialog.Builder builder;     
  33.         AlertDialog alertDialog;     
  34.         Context mContext = LayoutInflaterDemo.this;     
  35.              
  36.         //下面俩种方法都可以     
  37.         ////LayoutInflater inflater = getLayoutInflater();     
  38.         LayoutInflater inflater = (LayoutInflater)      
  39. mContext.getSystemService(LAYOUT_INFLATER_SERVICE);     
  40.         VIEw layout = inflater.inflate(R.layout.custom_dialog,null);     
  41.         TextView text = (TextView) layout.findVIEwById(R.id.text);     
  42.         text.setText("Hello, Welcome to Mr Wei's blog!");     
  43.         ImageView image = (ImageView) layout.findVIEwById(R.id.image);     
  44.         image.setImageResource(R.drawable.icon);     
  45.         builder = new AlertDialog.Builder(mContext);     
  46.         builder.setVIEw(layout);     
  47.         alertDialog = builder.create();     
  48.         alertDialog.show();     
  49.     }     
  50. }    
  51. package com.android.tutor;  
  52. import android.app.Activity;  
  53. import android.app.AlertDialog;  
  54. import android.content.Context;  
  55. import android.os.Bundle;  
  56. import android.vIEw.LayoutInflater;  
  57. import android.view.VIEw;  
  58. import android.view.VIEw.OnClickListener;  
  59. import android.widget.Button;  
  60. import android.widget.ImageVIEw;  
  61. import android.widget.TextVIEw;  
  62. public class LayoutInflaterDemo extends Activity implements   
  63. OnClickListener {  
  64.       
  65.  private Button button;  
  66.     public void onCreate(Bundle savedInstanceState) {  
  67.         super.onCreate(savedInstanceState);  
  68.         setContentVIEw(R.layout.main);  
  69.           
  70.         button = (Button)findVIEwById(R.id.button);  
  71.         button.setOnClickListener(this);  
  72.     }  
  73.  @Override 
  74.  public void onClick(VIEw v) {  
  75.     
  76.   showCustomDialog();  
  77.  }  
  78.    
  79.  public void showCustomDialog()  
  80.  {  
  81.   AlertDialog.Builder builder;  
  82.   AlertDialog alertDialog;  
  83.   Context mContext = LayoutInflaterDemo.this;  
  84.     
  85.   //下面俩种方法都可以  
  86.   ////LayoutInflater inflater = getLayoutInflater();  
  87.   LayoutInflater inflater = (LayoutInflater)   
  88. mContext.getSystemService(LAYOUT_INFLATER_SERVICE);  
  89.   VIEw layout = inflater.inflate(R.layout.custom_dialog,null);  
  90.   TextView text = (TextView) layout.findVIEwById(R.id.text);  
  91.   text.setText("Hello, Welcome to Mr Wei's blog!");  
  92.   ImageView image = (ImageView) layout.findVIEwById(R.id.image);  
  93.   image.setImageResource(R.drawable.icon);  
  94.   builder = new AlertDialog.Builder(mContext);  
  95.   builder.setVIEw(layout);  
  96.   alertDialog = builder.create();  
  97.   alertDialog.show();  
  98.  }  
  99. }   
5、最后执行之,点击Button,将得到上述效果。
 好今天就到此为止,睡觉了,大家有什么不明白的请留言~谢谢!