小菜毛毛技术分享

与大家共同成长
  BlogJava :: 首页 :: 联系 :: 聚合  :: 管理
  164 Posts :: 141 Stories :: 94 Comments :: 0 Trackbacks
Android高手进阶教程(五)之----Android 中LayoutInflater的使用（转）
转自：http://blog.csdn.net/Android_Tutor/archive/2010/04/21/5513869.aspx
大家好我们这一节讲的是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. 
    
  2. <?xml version="1.0"      
    3. 
    
  3. encoding="utf-8"?>     
    4. 
    
  4. <LinearLayout      
    5. 
    
  5. xmlns:android="http://schemas.android.com/apk/res/android"    
    6. 
    
  6.     android:orientation="vertical"    
    7. 
    
  7.     android:layout_width="fill_parent"    
    8. 
    
  8.     android:layout_height="fill_parent"    
    9. 
    
  9.     >     
    10. 
    
  10. <TextView       
    11. 
    
  11.     android:layout_width="fill_parent"      
    12. 
    
  12.     android:layout_height="wrap_content"      
    13. 
    
  13.     android:text="@string/hello"    
    14. 
    
  14.     />     
    15. 
    
  15. <Button     
    16. 
    
  16.     android:id="@+id/button"    
    17. 
    
  17.     android:layout_width="wrap_content"    
    18. 
    
  18.     android:layout_height="wrap_content"    
    19. 
    
  19.     android:text="ShowCustomDialog"    
    20. 
    
  20.     />     
    21. 
    
  21. </LinearLayout>    
    22. 
    
  22. <?xml version="1.0"   
    23. 
    
  23. encoding="utf-8"?> 
    24. 
    
  24. <LinearLayout   
    25. 
    
  25. xmlns:android="http://schemas.android.com/apk/res/android" 
    26. 
    
  26.     android:orientation="vertical" 
    27. 
    
  27.     android:layout_width="fill_parent" 
    28. 
    
  28.     android:layout_height="fill_parent" 
    29. 
    
  29.     > 
    30. 
    
  30. <TextView    
    31. 
    
  31.     android:layout_width="fill_parent"   
    32. 
    
  32.     android:layout_height="wrap_content"   
    33. 
    
  33.     android:text="@string/hello" 
    34. 
    
  34.     /> 
    35. 
    
  35. <Button 
    36. 
    
  36.  android:id="@+id/button" 
    37. 
    
  37.  android:layout_width="wrap_content" 
    38. 
    
  38.  android:layout_height="wrap_content" 
    39. 
    
  39.  android:text="ShowCustomDialog" 
    40. 
    
  40.  /> 
    41. 
    
  41. </LinearLayout> 
    42.
 
3.定义对话框的布局方式，我们在layout目录下，新建一个名为 custom_dialog.xml文件具体代码如下:
    
    
  1. view plaincopy to clipboardprint?  
    2. 
    
  2. <?xml version="1.0"      
    3. 
    
  3. encoding="utf-8"?>     
    4. 
    
  4. <LinearLayout      
    5. 
    
  5. xmlns:android="http://schemas.android.com/apk/res/android"    
    6. 
    
  6.               android:orientation="horizontal"    
    7. 
    
  7.               android:layout_width="fill_parent"    
    8. 
    
  8.               android:layout_height="fill_parent"    
    9. 
    
  9.               android:padding="10dp"    
    10. 
    
  10.               >     
    11. 
    
  11.     <ImageView android:id="@+id/image"    
    12. 
    
  12.                android:layout_width="wrap_content"    
    13. 
    
  13.                android:layout_height="fill_parent"    
    14. 
    
  14.                android:layout_marginRight="10dp"    
    15. 
    
  15.                />     
    16. 
    
  16.     <TextView android:id="@+id/text"    
    17. 
    
  17.               android:layout_width="wrap_content"    
    18. 
    
  18.               android:layout_height="fill_parent"    
    19. 
    
  19.               android:textColor="#FFF"    
    20. 
    
  20.               />     
    21. 
    
  21. </LinearLayout>    
    22. 
    
  22. <?xml version="1.0"   
    23. 
    
  23. encoding="utf-8"?> 
    24. 
    
  24. <LinearLayout   
    25. 
    
  25. xmlns:android="http://schemas.android.com/apk/res/android" 
    26. 
    
  26.               android:orientation="horizontal" 
    27. 
    
  27.               android:layout_width="fill_parent" 
    28. 
    
  28.               android:layout_height="fill_parent" 
    29. 
    
  29.               android:padding="10dp" 
    30. 
    
  30.               > 
    31. 
    
  31.     <ImageView android:id="@+id/image" 
    32. 
    
  32.                android:layout_width="wrap_content" 
    33. 
    
  33.                android:layout_height="fill_parent" 
    34. 
    
  34.                android:layout_marginRight="10dp" 
    35. 
    
  35.                /> 
    36. 
    
  36.     <TextView android:id="@+id/text" 
    37. 
    
  37.               android:layout_width="wrap_content" 
    38. 
    
  38.               android:layout_height="fill_parent" 
    39. 
    
  39.               android:textColor="#FFF" 
    40. 
    
  40.               /> 
    41. 
    
  41. </LinearLayout> 
    42.
 
4.修改主程序LayouInflaterDemo.java代码如下:
 
    
    
  1. view plaincopy to clipboardprint?  
    2. 
    
  2. package com.android.tutor;     
    3. 
    
  3. import android.app.Activity;     
    4. 
    
  4. import android.app.AlertDialog;     
    5. 
    
  5. import android.content.Context;     
    6. 
    
  6. import android.os.Bundle;     
    7. 
    
  7. import android.view.LayoutInflater;     
    8. 
    
  8. import android.view.View;     
    9. 
    
  9. import android.view.View.OnClickListener;     
    10. 
    
  10. import android.widget.Button;     
    11. 
    
  11. import android.widget.ImageView;     
    12. 
    
  12. import android.widget.TextView;     
    13. 
    
  13. public class LayoutInflaterDemo extends Activity implements      
    14. 
    
  14. OnClickListener {     
    15. 
    
  15.          
    16. 
    
  16.     private Button button;     
    17. 
    
  17.     public void onCreate(Bundle savedInstanceState) {     
    18. 
    
  18.         super.onCreate(savedInstanceState);     
    19. 
    
  19.         setContentView(R.layout.main);     
    20. 
    
  20.              
    21. 
    
  21.         button = (Button)findViewById(R.id.button);     
    22. 
    
  22.         button.setOnClickListener(this);     
    23. 
    
  23.     }     
    24. 
    
  24.     @Override    
    25. 
    
  25.     public void onClick(View v) {     
    26. 
    
  26.              
    27. 
    
  27.         showCustomDialog();     
    28. 
    
  28.     }     
    29. 
    
  29.          
    30. 
    
  30.     public void showCustomDialog()     
    31. 
    
  31.     {     
    32. 
    
  32.         AlertDialog.Builder builder;     
    33. 
    
  33.         AlertDialog alertDialog;     
    34. 
    
  34.         Context mContext = LayoutInflaterDemo.this;     
    35. 
    
  35.              
    36. 
    
  36.         //下面俩种方法都可以     
    37. 
    
  37.         ////LayoutInflater inflater = getLayoutInflater();     
    38. 
    
  38.         LayoutInflater inflater = (LayoutInflater)      
    39. 
    
  39. mContext.getSystemService(LAYOUT_INFLATER_SERVICE);     
    40. 
    
  40.         View layout = inflater.inflate(R.layout.custom_dialog,null);     
    41. 
    
  41.         TextView text = (TextView) layout.findViewById(R.id.text);     
    42. 
    
  42.         text.setText("Hello, Welcome to Mr Wei's blog!");     
    43. 
    
  43.         ImageView image = (ImageView) layout.findViewById(R.id.image);     
    44. 
    
  44.         image.setImageResource(R.drawable.icon);     
    45. 
    
  45.         builder = new AlertDialog.Builder(mContext);     
    46. 
    
  46.         builder.setView(layout);     
    47. 
    
  47.         alertDialog = builder.create();     
    48. 
    
  48.         alertDialog.show();     
    49. 
    
  49.     }     
    50. 
    
  50. }    
    51. 
    
  51. package com.android.tutor;  
    52. 
    
  52. import android.app.Activity;  
    53. 
    
  53. import android.app.AlertDialog;  
    54. 
    
  54. import android.content.Context;  
    55. 
    
  55. import android.os.Bundle;  
    56. 
    
  56. import android.view.LayoutInflater;  
    57. 
    
  57. import android.view.View;  
    58. 
    
  58. import android.view.View.OnClickListener;  
    59. 
    
  59. import android.widget.Button;  
    60. 
    
  60. import android.widget.ImageView;  
    61. 
    
  61. import android.widget.TextView;  
    62. 
    
  62. public class LayoutInflaterDemo extends Activity implements   
    63. 
    
  63. OnClickListener {  
    64. 
    
  64.       
    65. 
    
  65.  private Button button;  
    66. 
    
  66.     public void onCreate(Bundle savedInstanceState) {  
    67. 
    
  67.         super.onCreate(savedInstanceState);  
    68. 
    
  68.         setContentView(R.layout.main);  
    69. 
    
  69.           
    70. 
    
  70.         button = (Button)findViewById(R.id.button);  
    71. 
    
  71.         button.setOnClickListener(this);  
    72. 
    
  72.     }  
    73. 
    
  73.  @Override 
    74. 
    
  74.  public void onClick(View v) {  
    75. 
    
  75.     
    76. 
    
  76.   showCustomDialog();  
    77. 
    
  77.  }  
    78. 
    
  78.    
    79. 
    
  79.  public void showCustomDialog()  
    80. 
    
  80.  {  
    81. 
    
  81.   AlertDialog.Builder builder;  
    82. 
    
  82.   AlertDialog alertDialog;  
    83. 
    
  83.   Context mContext = LayoutInflaterDemo.this;  
    84. 
    
  84.     
    85. 
    
  85.   //下面俩种方法都可以  
    86. 
    
  86.   ////LayoutInflater inflater = getLayoutInflater();  
    87. 
    
  87.   LayoutInflater inflater = (LayoutInflater)   
    88. 
    
  88. mContext.getSystemService(LAYOUT_INFLATER_SERVICE);  
    89. 
    
  89.   View layout = inflater.inflate(R.layout.custom_dialog,null);  
    90. 
    
  90.   TextView text = (TextView) layout.findViewById(R.id.text);  
    91. 
    
  91.   text.setText("Hello, Welcome to Mr Wei's blog!");  
    92. 
    
  92.   ImageView image = (ImageView) layout.findViewById(R.id.image);  
    93. 
    
  93.   image.setImageResource(R.drawable.icon);  
    94. 
    
  94.   builder = new AlertDialog.Builder(mContext);  
    95. 
    
  95.   builder.setView(layout);  
    96. 
    
  96.   alertDialog = builder.create();  
    97. 
    
  97.   alertDialog.show();  
    98. 
    
  98.  }  
    99. 
    
  99. }   
    100.
5、最后执行之，点击Button，将得到上述效果。
 好今天就到此为止，睡觉了，大家有什么不明白的请留言~谢谢!
 
posted on 2010-11-23 15:20 小菜毛毛 阅读(354) 评论(0)  编辑  收藏 所属分类: andriod

只有注册用户登录后才能发表评论。
网站导航: