• [转]Android高手进阶教程(五)之Android 中LayoutInflater的使用!


    声明:eoe文章著作权属于作者,受法律保护,转载时请务必以超链接形式附带如下信息

    原文作者: Android_Tutor

    原文地址: http://my.eoe.cn/androidtutor/archive/1327.html

    大家好我们这一节讲的是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)。
    效果图如下:
    0_1271864838V442.gif
    下面我将详细的说明Demo的实现过程:

    1、新建一个 Android工程,我们命名为LayoutInflaterDemo.
    2、修改main.xml布局,里面主要在 原来基础上增加了一个Button.代码如下:

     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    <?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文件具体代码如下:

     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    <?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代码如下:
     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    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,将得到上述效果。
    好 今天就到此为止,睡觉了,大家有什么不明白的请留言~谢谢!

    作者:Work Hard Work Smart
    出处:http://www.cnblogs.com/linlf03/
    欢迎任何形式的转载,未经作者同意,请保留此段声明!

  • 相关阅读:
    Python3.4 + Django1.7.7 搭建简单的表单并提交
    python3.4 + Django1.7.7 表单的一些问题
    TypeScript(10): String(同JS)
    TypeScript(09): Number(同JS)
    TypeScript(08): 循环
    TypeScript(07): 条件语句(同JS)
    TypeScript(06): 运算符(同JS)
    TypeScript(05): 变量声明
    TypeScript(04): 基础类型
    TypeScript(03):基础语法
  • 原文地址:https://www.cnblogs.com/linlf03/p/2958168.html
Copyright © 2020-2023  润新知