安卓自定义组合控件,自定义控件多个案例总结(来自互联网)

案例一:

Android软件开发之 自定义组合控件

虽然Android系统提供了各种各样的控件供我们开发使用,但在实际的开发中,系统提供的控件有时候不能满足我们的需求,这时我们就需要自定义一个组合控件。

下面的例子就来自定义一个简单的Button:

首先是布局,image_btn.xml:

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

<LinearLayout

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

  android:orientation="horizontal"

  android:gravity="center_horizontal"

  android:layout_width="fill_parent"

  android:layout_height="fill_parent"

  android:background="@drawable/btn_bg">

  <ImageView 

   android:id="@+id/imageView0"

   android:layout_width="wrap_content"

   android:layout_height="wrap_content"

   android:layout_gravity="center_vertical"

   android:src="@drawable/image0"

   />

  <TextView 

   android:id="@+id/textView0"

   android:layout_width="wrap_content"

   android:layout_height="wrap_content"

   android:layout_gravity="center_vertical"

   android:textSize="20sp"

   android:textColor="#000"

   android:text="@string/ic_img_up"

   />

    

</LinearLayout>

然后实现一个新的控件,ImageBtn.java:

public class ImageBtn extends LinearLayout {
 
 private ImageView imageView;
 private TextView textView;
 public ImageBtn(Context context, AttributeSet attrs) {
  super(context, attrs);
  LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
  inflater.inflate(R.layout.image_btn, this);
  
  //实例化控件对象
  imageView = (ImageView) findViewById(R.id.imageView0);
  textView = (TextView) findViewById(R.id.textView0);
 }
 public ImageBtn(Context context) {
  super(context);
 }
 
 /**
  * 设置图片资源
  * @param resId
  */
 public void setImageResource(int resId) {
  imageView.setImageResource(resId);
 }
 
 /**
  * 设置要显示的文字
  * @param text
  */
 public void setText(int strId) {
  textView.setText(strId);
 }
}

然后在main.xml中使用该控件:

<?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"
    >
 <jack.userdefined.ImageBtn
  android:id="@+id/imgBtn0"
  android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     />
     
</LinearLayout>
最后,在MainActivity中进行测试,我们实现点击该控件,该控件中的图片进行切换和text同时也相应的改变。
 
public class MainActivity extends Activity implements OnClickListener {
 
 //声明一个ImageBtn对象
 private ImageBtn imgBtn0;
 //定义一个数组用于存放图片资源
 private int[] resId = {R.drawable.image0, R.drawable.image1, R.drawable.image2, R.drawable.image3};
 //定义一个数组用于存放字符资源
 private int[] strId = {R.string.ic_img_up, R.string.ic_img_right, R.string.ic_img_down, R.string.ic_img_left};
 //资源索引标志
 private int Num = 0;
 
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        //实例化ImageBtn对象
        imgBtn0 = (ImageBtn) findViewById(R.id.imgBtn0);
        imgBtn0.setOnClickListener(this);
        
    }
 @Override
 public void onClick(View v) {
  if (Num > resId.length - 1) {
   Num = 0;
  }
  
  imgBtn0.setImageResource(resId[Num]);
  imgBtn0.setText(strId[Num]);
  Num++;
 }

安卓自定义组合控件,自定义控件多个案例总结(来自互联网)}

你可能感兴趣的:(安卓自定义组合控件,自定义控件多个案例总结(来自互联网))