Android自定义“图片+文字”控件四种实现方法之 二--------个人最推荐的一种
http://blog.csdn.net/yanzi1225627/article/details/8633872
第二种方法也要新建一个图片+文字的xml布局文件,然后写一个类继承自LinearLayout。在主程序里实例化并设置相应参数。这种方式也是我最推荐的一种。
第一部分:myimgbtn_layout.xml
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:alpha="20"
- android:background="#87CE"
- android:orientation="vertical"
- >
- <ImageView
- android:id="@+id/img"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_gravity="center_horizontal"
- android:paddingBottom="5dip"
- android:paddingTop="5dip" />
- <TextView
- android:id="@+id/text"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textColor="#FF6100"
- android:textSize="30dip"
- android:layout_gravity="center_vertical"/>
- </LinearLayout>
第二部分,与之布局相对应的MyImgBtn.java 文件:
- package yan.guoqi.testimgbtn;
- import android.content.Context;
- import android.graphics.Color;
- import android.util.AttributeSet;
- import android.view.LayoutInflater;
- import android.view.MotionEvent;
- import android.view.View;
- import android.view.View.OnTouchListener;
- import android.widget.ImageView;
- import android.widget.LinearLayout;
- import android.widget.TextView;
- public class MyImgBtn extends LinearLayout {
- private ImageView mImgView = null;
- private TextView mTextView = null;
- private Context mContext;
- public MyImgBtn(Context context, AttributeSet attrs) {
- super(context, attrs);
- // TODO Auto-generated constructor stub
- LayoutInflater.from(context).inflate(R.layout.myimgbtn_layout, this, true);
- mContext = context;
- mImgView = (ImageView)findViewById(R.id.img);
- mTextView = (TextView)findViewById(R.id.text);
- }
- /*设置图片接口*/
- public void setImageResource(int resId){
- mImgView.setImageResource(resId);
- }
- /*设置文字接口*/
- public void setText(String str){
- mTextView.setText(str);
- }
- /*设置文字大小*/
- public void setTextSize(float size){
- mTextView.setTextSize(size);
- }
- // /*设置触摸接口*/
- // public void setOnTouch(OnTouchListener listen){
- // mImgView.setOnTouchListener(listen);
- // //mTextView.setOnTouchListener(listen);
- // }
- }
第三部分,主布局main.xml:
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:orientation="vertical"
- android:background="@drawable/main_background2">
- <TextView
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:text="@string/hello" />
- <yan.guoqi.testimgbtn.MyImgBtn
- android:id="@+id/MyIBtn_1"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_gravity="center_horizontal"
- android:clickable="true"
- android:focusable="true"
- />
- </LinearLayout>
第四部分,主程序:
- package yan.guoqi.testimgbtn;
- import android.app.Activity;
- import android.os.Bundle;
- import android.view.View;
- import android.view.View.OnClickListener;
- import android.widget.Toast;
- public class TestImgBtnActivity extends Activity {
- private MyImgBtn MyIBtn1 = null;
- /** Called when the activity is first created. */
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- MyIBtn1 = (MyImgBtn)findViewById(R.id.MyIBtn_1);
- MyIBtn1.setImageResource(R.drawable.ic_launcher);
- MyIBtn1.setText("欢迎光临");
- MyIBtn1.setTextSize(24.0f);
- //MyIBtn1.setOnTouch(new MyOnTouchListener());
- MyIBtn1.setOnClickListener(new OnClickListener() {
- public void onClick(View arg0) {
- // TODO Auto-generated method stub
- Toast.makeText(TestImgBtnActivity.this,
- "您好",
- Toast.LENGTH_SHORT)
- .show();
- }
- });
- }
- }
这种方法很直观简单,与之第一种用Gallery方法而言更容易理解。就是自定义一个类,第一种方法虽然不用自定义类,但是Gallery相关的适配器配置和那个View相关的如果第一次会不大习惯。这种效果也不错,图就不贴了。尤其适合做那种背景是纯色,里面嵌套图片+文字。就是360手机安全卫士的主窗口,大家可以看下。应该就是为这种方式做的。美中不足的是,360手机安全卫士的主窗口里,你点击一下,背景会变。也就是说这还缺少个onTouchListener,稍后我补上。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。