Android应用开发之自定义控件

    Android系统控件可能会不能满足需求，那么就需要自定义一个控件。下面是我做的关于Android自定义控件以及其使用的方法。

1.首先，我们要对所需自定义控件的进行布局：
在layout建立布局文件 imagetext.xml

 

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical" >

    <ImageView                                                 //使用系统控件

        android:id="@+id/imageView1"

        android:layout_width="80dp"

        android:layout_height="80dp"

        android:layout_gravity="center"

        android:src="@drawable/image1" />

    <TextView

        android:id="@+id/TextView1"

        android:layout_width="100dp"

        android:layout_height="50dp"

        android:text= "@string/text" 

        android:gravity="center"

        android:layout_gravity="center" />

</LinearLayout>

 

 

            图 1 imagetext.xml

 

2.写一个类（imageText）继承LinearLayout，并导入布局（imagetext.xml）

 

package mobile.example.imageandtext;
import android.content.Context;

import android.util.AttributeSet;

import android.view.LayoutInflater;

import android.widget.ImageView;

import android.widget.LinearLayout;

import android.widget.TextView;

 

public class imageText extends LinearLayout {

ImageView image;    

TextView Text;

public imageText(Context context) {

       super(context);

    // TODO Auto-generated constructor stub

   }

public imageText(Context context, AttributeSet attrs) {

super(context, attrs);
                //使用LayoutInflater载入我们自定义的布局文件 imagetext.xml 

LayoutInflater inflater=(LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

inflater.inflate(R.layout.imagetext, this);

image = (ImageView) findViewById(R.id.imageView1);

Text = (TextView) findViewById(R.id.TextView1);

}
                //设置图片资源 

public void setImageResource(int resId) { 

       image.setImageResource(resId); 

} 
                //设置文字 

        public void setTextViewText(String text) { 

       Text.setText(text); 

} 

}

 

 

图2 imageText.java

3.在需要使用自定义控件的布局文件（activity_main.xml）中加入这控件。

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent" >

<TableRow  android:paddingTop="20dp">   //table布局

    

    <mobile.example.imageandtext.imageText    //必须使用完整路径，否则不能找到自定义控件

        android:id="@+id/imagetext"

   android:layout_width="fill_parent"

   android:layout_height="wrap_content"

   /> 

<mobile.example.imageandtext.imageText

        android:id="@+id/imagetext1"

   android:layout_width="fill_parent"

   android:layout_height="wrap_content"

   /> 

  <mobile.example.imageandtext.imageText

        android:id="@+id/imagetext2"

   android:layout_width="fill_parent"

   android:layout_height="wrap_content"

   /> 

</TableRow>

 

</TableLayout>


 

 　　　　　　

           图3 activity_main.xml

4.在需要用到此控件的activity（MainActivity.jave）中设置该控件：

package mobile.example.imageandtext;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.view.MenuItem;

import android.widget.ImageView;

import android.support.v4.app.NavUtils;

 

public class MainActivity extends Activity {

private imageText imageText1;

private imageText imageText2;

private imageText imageText3;

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        imageText1 = (imageText) findViewById(R.id.imagetext);

        imageText1.setTextViewText("大雄");

        imageText1.setImageResource(R.drawable.image1);

        imageText2 = (imageText)findViewById(R.id.imagetext1);

        imageText2.setTextViewText("大雄他爸");

        imageText2.setImageResource(R.drawable.image2);

        imageText3 = (imageText)findViewById(R.id.imagetext2);

        imageText3.setTextViewText("大雄他妈");

        imageText3.setImageResource(R.drawable.image3);

        

    } 

}

            图4 MainActivity.java

 5. 自定义控件效果预览：

 

                                                                                                 图5  效果预览