Inflater英文意思是膨胀,在android中大概是扩展的意思吧。
LayoutInflater的作用类似于 findViewById(),不同点是LayoutInflater是用来找layout下xml布局文件,并且实例化!而 findViewById()是找具体xml下的具体 widget控件(如:Button,TextView等)。
它的用法有2种:
Java代码
- 1. LayoutInflater inflater = LayoutInflater.from(this);
- 2. View view=inflater.inflate(R.layout.ID, null);
- 3. 或者干脆并成一句:
- 4. View view=LayoutInflater.from(this).inflate(R.layout.ID, null);
- LayoutInflater inflater = LayoutInflater.from(this);
- View view=inflater.inflate(R.layout.ID, null);
或者干脆并成一句:
- View view=LayoutInflater.from(this).inflate(R.layout.ID, null);
另一种方法:
Java代码
- 1. LayoutInflater inflater = (LayoutInflater)getSystemService(LAYOUT_INFLATER_SERVICE);
- 2. View view=inflater.inflate(R.layout.ID, null);
- LayoutInflater inflater = (LayoutInflater)getSystemService(LAYOUT_INFLATER_SERVICE);
- View view=inflater.inflate(R.layout.ID, null);
上面2种方法本质上是一样的,看下面的源码,form()调用的就是getSystemService():
Java代码
- 1. public static LayoutInflater from(Context context) {
- 2. LayoutInflater LayoutInflater =
- 3. (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
- 4. if (LayoutInflater == null) {
- 5. throw new AssertionError("LayoutInflater not found.");
- 6. }
- 7. return LayoutInflater;
- 8. }
- public static LayoutInflater from(Context context) {
- LayoutInflater LayoutInflater =
- (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
- if (LayoutInflater == null) {
- throw new AssertionError("LayoutInflater not found.");
- }
- return LayoutInflater;
- }
另外getSystemService()是Android很重要的一个API,它是Activity的一个方法,根据传入的NAME来取得对应的Object,然后转换成相应的服务对象。以下介绍系统相应的服务。
传入的Name 返回的对象 说明
WINDOW_SERVICE WindowManager 管理打开的窗口程序
LAYOUT_INFLATER_SERVICE LayoutInflater 取得xml里定义的view
ACTIVITY_SERVICE ActivityManager 管理应用程序的系统状态
POWER_SERVICE PowerManger 电源的服务
ALARM_SERVICE AlarmManager 闹钟的服务
NOTIFICATION_SERVICE NotificationManager 状态栏的服务
KEYGUARD_SERVICE KeyguardManager 键盘锁的服务
LOCATION_SERVICE LocationManager 位置的服务,如GPS
SEARCH_SERVICE SearchManager 搜索的服务
VEBRATOR_SERVICE Vebrator 手机震动的服务
CONNECTIVITY_SERVICE Connectivity 网络连接的服务
WIFI_SERVICE WifiManager Wi-Fi服务
TELEPHONY_SERVICE TeleponyManager 电话服务
Java代码
- 1. //基本用法
- 2. public void showCustomDialog(){
- 3. AlertDialog.Builder builder;
- 4. AlertDialog alertDialog;
- 5. Context mContext = AppActivity.this;
- 6. //下面俩种方法都可以
- 7. //LayoutInflater inflater = getLayoutInflater();
- 8. LayoutInflater inflater = (LayoutInflater)
- 9. mContext.getSystemService(LAYOUT_INFLATER_SERVICE);
- 10. View layout = inflater.inflate(R.layout.custom_dialog,null);
- 11. TextView text = (TextView) layout.findViewById(R.id.text);
- 12. text.setText("Hello, Welcome to Mr Wei's blog!");
- 13. ImageView image = (ImageView) layout.findViewById(R.id.image);
- 14. image.setImageResource(R.drawable.icon);
- 15. builder = new AlertDialog.Builder(mContext);
- 16. builder.setView(layout);
- 17. alertDialog = builder.create();
- 18. alertDialog.show();
- 19. }
- 20. }
- 21.
- 22. protected void showToast(int type) {
- 23. Toast.makeText(this, "*********", Toast.LENGTH_LONG).show();
- 24.
- 25. LayoutInflater li = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
- 26. View view = li.inflate(R.layout.toast, null);
- 27.
- 28. Toast toast = new Toast(this);
- 29. toast.setView(view);
- 30. toast.setDuration(type);
- 31. toast.show();
- 32. }
- //基本用法
- public void showCustomDialog(){
- AlertDialog.Builder builder;
- AlertDialog alertDialog;
- Context mContext = AppActivity.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();
- }
- }
- protected void showToast(int type) {
- Toast.makeText(this, "*********", Toast.LENGTH_LONG).show();
-
- LayoutInflater li = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
- View view = li.inflate(R.layout.toast, null);
-
- Toast toast = new Toast(this);
- toast.setView(view);
- toast.setDuration(type);
- toast.show();
- }
首先,我们先把界面的框架图画出来,示意图如下:
中间白色部门是一个线性布局文件,我喜欢在画图的时候用不同的颜色将一块布局标示出来,方便查看。布局文件代码如下:
Xml代码
- 1. <?xml version="1.0" encoding="utf-8"?>
- 2. <LinearLayout xmlns:android=""
- 3. android:orientation="vertical" android:layout_width="fill_parent"
- 4. android:layout_height="fill_parent">
- 5.
- 6.
- 7. <LinearLayout android:orientation="horizontal"
- 8. android:layout_width="wrap_content" android:layout_height="wrap_content">
- 9. <Button android:text="加载ListView" android:id="@+id/Button01"
- 10. android:layout_width="wrap_content" android:layout_height="wrap_content">
- 11. </Button>
- 12. <Button android:text="加载另外一个页面" android:id="@+id/Button02"
- 13. android:layout_width="wrap_content" android:layout_height="wrap_content"></Button>
- 14. </LinearLayout>
- 15. <LinearLayout android:id="@+id/LinearLayout01" android:background="#FFFFFF"
- 16. android:layout_width="fill_parent" android:layout_height="fill_parent"></LinearLayout>
- 17. </LinearLayout>
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout xmlns:android=""
- android:orientation="vertical" android:layout_width="fill_parent"
- android:layout_height="fill_parent">
- <LinearLayout android:orientation="horizontal"
- android:layout_width="wrap_content" android:layout_height="wrap_content">
- <Button android:text="加载ListView" android:id="@+id/Button01"
- android:layout_width="wrap_content" android:layout_height="wrap_content">
- </Button>
- <Button android:text="加载另外一个页面" android:id="@+id/Button02"
- android:layout_width="wrap_content" android:layout_height="wrap_content"></Button>
- </LinearLayout>
- <LinearLayout android:id="@+id/LinearLayout01" android:background="#FFFFFF"
- android:layout_width="fill_parent" android:layout_height="fill_parent"></LinearLayout>
- </LinearLayout>
从上面的效果图可以看出,那块白色的线性布局是用来动态加载传进来的布局文件。好了,我们就来做如果把布局文件动态的加载进来。下面我们一步一步来实现这个效果,首先,先把需要的 XML 勾画出来,分为步骤如下。
新建一个布局用来存放 ListView 页面,代码如下:
Xml代码
- 1. <?xml version="1.0" encoding="UTF-8"?>
- 2. <LinearLayout android:id="@+id/layout"
- 3. android:layout_width="fill_parent" android:layout_height="fill_parent"
- 4. xmlns:android="">
- 5. <ListView android:id="@+id/ListView01" android:layout_width="wrap_content"
- 6. android:layout_height="wrap_content"></ListView>
- 7. </LinearLayout>
- <?xml version="1.0" encoding="UTF-8"?>
- <LinearLayout android:id="@+id/layout"
- android:layout_width="fill_parent" android:layout_height="fill_parent"
- xmlns:android="">
- <ListView android:id="@+id/ListView01" android:layout_width="wrap_content"
- android:layout_height="wrap_content"></ListView>
- </LinearLayout>
新建一个 ListView 每一行数据的样式,代码如下:
Xml代码
- 1. <?xml version="1.0" encoding="UTF-8"?>
- 2. <LinearLayout android:id="@+id/LinearLayout01"
- 3. android:layout_width="fill_parent" android:layout_height="fill_parent"
- 4. xmlns:android="">
- 5. <TextView android:text="@+id/TextView01" android:id="@+id/TextView01"
- 6. android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView>
- 7. </LinearLayout>
- <?xml version="1.0" encoding="UTF-8"?>
- <LinearLayout android:id="@+id/LinearLayout01"
- android:layout_width="fill_parent" android:layout_height="fill_parent"
- xmlns:android="">
- <TextView android:text="@+id/TextView01" android:id="@+id/TextView01"
- android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView>
- </LinearLayout>
新建另外一个页面,用来区分此页面是动态加载的,代码如下:
Xml代码
- 1. <?xml version="1.0" encoding="UTF-8"?>
- 2. <LinearLayout android:id="@+id/hellolayout"
- 3. android:layout_width="fill_parent" android:layout_height="fill_parent"
- 4. xmlns:android="">
- 5. <TextView android:text="HELLO"
- 6. android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView>
- 7. </LinearLayout>
- <?xml version="1.0" encoding="UTF-8"?>
- <LinearLayout android:id="@+id/hellolayout"
- android:layout_width="fill_parent" android:layout_height="fill_parent"
- xmlns:android="">
- <TextView android:text="HELLO"
- android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView>
- </LinearLayout>
实现ListView 的添充数据,这里不详细介绍如何填充ListView 每行数据,有不解的朋友可以回头看我写的文章:点击这里 ,代码如下:
Java代码
- 1. package com.terry;
- 2.
- 3. import java.util.ArrayList;
- 4. import java.util.HashMap;
- 5.
- 6. import android.content.Context;
- 7. import android.view.LayoutInflater;
- 8. import android.view.View;
- 9. import android.view.ViewGroup;
- 10. import android.widget.BaseAdapter;
- 11. import android.widget.TextView;
- 12.
- 13. public class listAdapter extends BaseAdapter {
- 14.
- 15. ArrayList<HashMap<String, Object>> list = new ArrayList<HashMap<String, Object>>();
- 16.
- 17. private LayoutInflater inflater;
- 18. public listAdapter(Context contex)
- 19. {
- 20. inflater=LayoutInflater.from(contex);
- 21. HashMap<String, Object> map=new HashMap<String, Object>();
- 22. for (int i = 0; i < 10; i++) {
- 23. map.put("name", "例子");
- 24. list.add(map);
- 25. }
- 26.
- 27. }
- 28.
- 29. @Override
- 30. public int getCount() {
- 31. // TODO Auto-generated method stub
- 32. return list.size();
- 33. }
- 34.
- 35. @Override
- 36. public Object getItem(int position) {
- 37. // TODO Auto-generated method stub
- 38. return list.get(position);
- 39. }
- 40.
- 41. @Override
- 42. public long getItemId(int position) {
- 43. // TODO Auto-generated method stub
- 44. return position;
- 45. }
- 46.
- 47. @Override
- 48. public View getView(int position, View convertView, ViewGroup parent) {
- 49. // TODO Auto-generated method stub
- 50. final viewHolder myHolder;
- 51. if (convertView==null) {
- 52. myHolder=new viewHolder();
- 53. convertView=inflater.inflate(R.layout.list_view_row, null);
- 54. myHolder.tv=(TextView)convertView.findViewById(R.id.TextView01);
- 55. convertView.setTag(myHolder);
- 56. }
- 57. else
- 58. {
- 59. myHolder=(viewHolder)convertView.getTag();
- 60. }
- 61. myHolder.tv.setText(list.get(position).get("name").toString());
- 62. return convertView;
- 63. }
- 64.
- 65. }
- package com.terry;
- import java.util.ArrayList;
- import java.util.HashMap;
- import android.content.Context;
- import android.view.LayoutInflater;
- import android.view.View;
- import android.view.ViewGroup;
- import android.widget.BaseAdapter;
- import android.widget.TextView;
- public class listAdapter extends BaseAdapter {
- ArrayList<HashMap<String, Object>> list = new ArrayList<HashMap<String, Object>>();
- private LayoutInflater inflater;
- public listAdapter(Context contex)
- {
- inflater=LayoutInflater.from(contex);
- HashMap<String, Object> map=new HashMap<String, Object>();
- for (int i = 0; i < 10; i++) {
- map.put("name", "例子");
- list.add(map);
- }
-
- }
-
- @Override
- public int getCount() {
- // TODO Auto-generated method stub
- return list.size();
- }
- @Override
- public Object getItem(int position) {
- // TODO Auto-generated method stub
- return list.get(position);
- }
- @Override
- public long getItemId(int position) {
- // TODO Auto-generated method stub
- return position;
- }
- @Override
- public View getView(int position, View convertView, ViewGroup parent) {
- // TODO Auto-generated method stub
- final viewHolder myHolder;
- if (convertView==null) {
- myHolder=new viewHolder();
- convertView=inflater.inflate(R.layout.list_view_row, null);
- myHolder.tv=(TextView)convertView.findViewById(R.id.TextView01);
- convertView.setTag(myHolder);
- }
- else
- {
- myHolder=(viewHolder)convertView.getTag();
- }
- myHolder.tv.setText(list.get(position).get("name").toString());
- return convertView;
- }
- }
项目大纲如下图:
好了,到此我们的准备工作就己经完成,接下来就是要教大家如何实现动态加载上面所画的布局页面了,先看一下效果图:
点击第一个按钮:
点击第二个按钮:
动态加载代码如下:
Java代码
- 1. package com.terry;
- 2.
- 3. import android.app.Activity;
- 4. import android.graphics.Color;
- 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.LinearLayout;
- 11. import android.widget.ListView;
- 12. import android.widget.TextView;
- 13.
- 14. public class dynaActivity extends Activity {
- 15. /** Called when the activity is first created. */
- 16. @Override
- 17. public void onCreate(Bundle savedInstanceState) {
- 18. super.onCreate(savedInstanceState);
- 19. setContentView(R.layout.main);
- 20.
- 21. final LayoutInflater inflater = LayoutInflater.from(this);
- 22. Button btn = (Button) findViewById(R.id.Button01);
- 23. Button btn2 = (Button) findViewById(R.id.Button02);
- 24. final LinearLayout lin = (LinearLayout) findViewById(R.id.LinearLayout01);
- 25. btn.setOnClickListener(new OnClickListener() {
- 26.
- 27. @Override
- 28. public void onClick(View v) {
- 29. // TODO Auto-generated method stub
- 30. LinearLayout layout = (LinearLayout) inflater.inflate(
- 31. R.layout.listview, null).findViewById(R.id.layout);
- 32. ListView lv=(ListView)layout.getChildAt(0);
- 33. lv.setAdapter(new listAdapter(dynaActivity.this));
- 34. lin.removeAllViews();
- 35. lin.addView(layout);
- 36. }
- 37. });
- 38.
- 39. btn2.setOnClickListener(new OnClickListener() {
- 40.
- 41. @Override
- 42. public void onClick(View v) {
- 43. // TODO Auto-generated method stub
- 44. LinearLayout layout = (LinearLayout) inflater.inflate(
- 45. R.layout.hello, null).findViewById(R.id.hellolayout);
- 46. TextView lv=(TextView)layout.getChildAt(0);
- 47. lv.setTextColor(Color.RED);
- 48. lin.removeAllViews();
- 49. lin.addView(layout);
- 50. }
- 51. });
- 52. }
- 53. }
- package com.terry;
- import android.app.Activity;
- import android.graphics.Color;
- import android.os.Bundle;
- import android.view.LayoutInflater;
- import android.view.View;
- import android.view.View.OnClickListener;
- import android.widget.Button;
- import android.widget.LinearLayout;
- import android.widget.ListView;
- import android.widget.TextView;
- public class dynaActivity extends Activity {
- /** Called when the activity is first created. */
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- final LayoutInflater inflater = LayoutInflater.from(this);
- Button btn = (Button) findViewById(R.id.Button01);
- Button btn2 = (Button) findViewById(R.id.Button02);
- final LinearLayout lin = (LinearLayout) findViewById(R.id.LinearLayout01);
- btn.setOnClickListener(new OnClickListener() {
- @Override
- public void onClick(View v) {
- // TODO Auto-generated method stub
- LinearLayout layout = (LinearLayout) inflater.inflate(
- R.layout.listview, null).findViewById(R.id.layout);
- ListView lv=(ListView)layout.getChildAt(0);
- lv.setAdapter(new listAdapter(dynaActivity.this));
- lin.removeAllViews();
- lin.addView(layout);
- }
- });
-
- btn2.setOnClickListener(new OnClickListener() {
-
- @Override
- public void onClick(View v) {
- // TODO Auto-generated method stub
- LinearLayout layout = (LinearLayout) inflater.inflate(
- R.layout.hello, null).findViewById(R.id.hellolayout);
- TextView lv=(TextView)layout.getChildAt(0);
- lv.setTextColor(Color.RED);
- lin.removeAllViews();
- lin.addView(layout);
- }
- });
- }
- }
上面通过使用LayoutInflater 每次点击按钮时候去读取布局文件,然后找到布局文件里面的各个VIEW 操作完VIEW 后加载进我们setContentView 方面里面的要放的布局文件里面,每次动态加载文件必需 调用 removeAllViews方法,清除之前的加载进来的 View 。是不是很简单?当然动态加载VIEW 还有许多种方法,多尝试不同写法。可能会领会不一样的心得,祝你早上掌握android 的开发技术。
Tip:因为是基于VIEW 操作,因此你可以用 Animation 的动画效果使其更换界面更为自然,观赏性更强。
阅读(2528) | 评论(0) | 转发(0) |