Android自定义控件之组合控件学习笔记分享

前端技术 2023/09/05 Android

我们来讲一下自定义组合控件，相信大家也接触过自定义组合控件吧，话不多说，直接干（哈~哈~）：

大家看到这个觉得这不是很简单的吗，这不就是写个布局文件就搞定嘛，没错，确实直接上布局就行，不过，我只是用这个简单的例子来讲一下自定义组合控件的用法。

首先看看，这一行行的条目看起来都长得差不多，只是图片和文字不一样，没错，就是看中这一点，我们可以把一个条目做成一个组合控件，做为一个整体，这样不管你有几个条目，就写几个组合控件就行了。

步骤：

1.先建立组合控件的布局

myView.xml

<RelativeLayout xmlns:android=\"http://schemas.android.com/apk/res/android\"
 android:layout_width=\"match_parent\"
 android:layout_height=\"60dp\" >

 <ImageView
  android:id=\"@+id/icon_Iv\"
  android:layout_width=\"35dp\"
  android:layout_height=\"35dp\"
  android:layout_centerVertical=\"true\"
  android:layout_marginLeft=\"30dp\"
  android:src=\"@drawable/phone_qiyi_explore_friends\" />

 <TextView
  android:id=\"@+id/tv\"
  android:layout_width=\"wrap_content\"
  android:layout_height=\"match_parent\"
  android:layout_marginLeft=\"80dp\"
  android:gravity=\"center\"
  android:text=\"朋友圈\"
  android:textSize=\"15sp\"
  android:textStyle=\"bold\" />

 <ImageView
  android:layout_width=\"wrap_content\"
  android:layout_height=\"match_parent\"
  android:layout_alignParentRight=\"true\"
  android:layout_marginRight=\"20dp\"
  android:src=\"@drawable/phone_my_inc_arrow\" />

 <View
  android:layout_width=\"match_parent\"
  android:layout_height=\"0.5dp\"
  android:layout_alignParentBottom=\"true\"
  android:layout_marginLeft=\"5dp\"
  android:layout_marginRight=\"5dp\"
  android:background=\"#000\" />

</RelativeLayout>

2.自定义属性（图片资源和文本）

在values/目录下新建attrs.xml文件

attrs.xml:

<?xml version=\"1.0\" encoding=\"utf-8\"?>
<resources>
 <!-- 自定义属性：src和text -->
 <declare-styleable name=\"myView_attrs\">
  <attr name=\"src\" format=\"reference\"></attr>
  <attr name=\"text\" format=\"string\"></attr>
 </declare-styleable>
</resources>

3.新建一个类MyView继承RelativeLayout，将自定义的布局文件加载进来并且获取自定义的属性，然后取得自定义属性字段的值，最后将相应的值设置在相应的组件上

/**
 * 自定义组合控件（包括一个ImageView和TextView）
 * @author Administrator
 *
 */
public class MyView extends RelativeLayout{

 private TextView tv;
 private ImageView icon_Iv;
 public MyView(Context context) {
  this(context,null);
 }
 public MyView(Context context, AttributeSet attrs) {
  super(context, attrs);
  initView(context);
  //拿到自定义的属性
  TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.myView_attrs);
  //获取自定义属性的值
  String text = ta.getString(R.styleable.myView_attrs_text);
  Drawable drawable = ta.getDrawable(R.styleable.myView_attrs_src);
  //把值设置到相应组件上
  icon_Iv.setImageDrawable(drawable);
  tv.setText(text);
 }
 private void initView(Context context) {
  //把自定义的布局加载进来
  View.inflate(context,R.layout.myview,this);
  //找到布局中的组件
  icon_Iv = (ImageView) this.findViewById(R.id.icon_Iv);
  tv = (TextView) this.findViewById(R.id.tv);

 }
}

4.在main.xml文件中添加自定义组合控件

注：记得加上命名空间
有几个条目就加几个控件
main.xml:

<LinearLayout xmlns:android=\"http://schemas.android.com/apk/res/android xmlns:briup=\"http://schemas.android.com/apk/res/com.example.test\"
 xmlns:tools=\"http://schemas.android.com/tools\"
 android:layout_width=\"match_parent\"
 android:layout_height=\"match_parent\"
 android:orientation=\"vertical\"
 tools:context=\"com.example.test.MainActivity\" >
 <com.example.test.MyView
  android:id=\"@+id/myView\"
  briup:src=\"@drawable/phone_qiyi_explore_friends\"
  briup:text=\"朋友圈\" 
  android:layout_width=\"wrap_content\"
  android:layout_height=\"wrap_content\"/>
 <com.example.test.MyView
  android:id=\"@+id/myView1\"
  briup:src=\"@drawable/phone_qiyi_gusslike_icon\"
  briup:text=\"啪啪奇\" 
  android:layout_width=\"wrap_content\"
  android:layout_height=\"wrap_content\"/>
 <com.example.test.MyView
  android:id=\"@+id/myView2\"
  briup:text=\"消息\" 
  briup:src=\"@drawable/phone_qiyi_message_icon\"
  android:layout_width=\"wrap_content\"
  android:layout_height=\"wrap_content\"/>
</LinearLayout>

注：

做到以上步骤就可以了，希望本文所述对大家学习Android自定义控件有所帮助。

本文地址：https://www.stayed.cn/item/12768

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案