android 中的组合控件的设计

最新推荐文章于 2023-03-14 18:23:03 发布
原创 最新推荐文章于 2023-03-14 18:23:03 发布 · 661 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#布局 #Android #组合控件

本文介绍了一种在Android应用开发中实现组合控件的方法，通过将多个基础控件如TextView和CheckBox封装为一个自定义组件，简化了布局文件并提高了代码复用性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在开发应用程序的时候，很多时候会使用到几个重复的控件，例如Android手机的设置界面里面的位置服务里面的每一栏都是组合控件，也就是说多个控件组成一个整体，如下图所示：


红色方框里面的是由两个TextView和一个CheckBox组合而成的一个组合控件，要是能把这两个控件组合成一个控件在开发过程中就有有很大的方便，

在主布局文件中activity_mian:

<RelativeLayout 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"
     >
   <RelativeLayout 
    android:layout_width="match_parent"
    android:layout_height="80dp" >
    <TextView 
            android:id="@+id/tv_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:layout_marginLeft="10dp"
            android:textColor="#000000"
            android:textSize="20sp"
            android:text="GOOGLE的位置服务"/>
        <TextView 
            android:id="@+id/tv_desc"
            android:layout_below="@id/tv_title"
            android:layout_width="280dp"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="10dp"
            android:textColor="#88000000"
            android:textSize="18sp"
            android:text="允许应用程序使用来自WALN或移动网络的数据确定您的大致位置"/>
        <CheckBox 
            android:id="@+id/cb_status"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:clickable="false"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="10dp"/>
        <View 
            android:layout_width="match_parent"
            android:layout_height="0.2dp"
            android:layout_below="@id/tv_desc"
            android:background="#000000"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"/>

</RelativeLayout>

</RelativeLayout>
在这里实现这一个单元的控件，但是还有两个单元的控件布局类似，如果还是按照上面的代码往下写，就会造成代码的重复，而且不好看，所以这里就会使用到一个组合控件，很方面的解决这个问题，首先把重复的代码抽取出来 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="80dp" >
    <TextView 
            android:id="@+id/tv_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:layout_marginLeft="10dp"
            android:textColor="#000000"
            android:textSize="20sp"
            android:text="GOOGLE的位置服务"/>
        <TextView 
            android:id="@+id/tv_desc"
            android:layout_below="@id/tv_title"
            android:layout_width="280dp"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="10dp"
            android:textColor="#88000000"
            android:textSize="18sp"
            android:text="允许应用程序使用来自WALN或移动网络的数据确定您的大致位置"/>
        <CheckBox 
            android:id="@+id/cb_status"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:clickable="false"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="10dp"/>
        <View 
            android:layout_width="match_parent"
            android:layout_height="0.2dp"
            android:layout_below="@id/tv_desc"
            android:background="#000000"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"/>

</RelativeLayout>
创建一个自定义的类ItemView.java，该方法继承了RelativeLayout，实现了一下三个方法 

public ItemView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		initView(context);
	}

	public ItemView(Context context, AttributeSet attrs) {
		super(context, attrs);
		initView(context);
	}

	public ItemView(Context context) {
		super(context);
		initView(context);
	}
在调用这三个方法时都会对调用initView（context）方法对item_view.xml中的三个控件进行初始化。 
<span style="white-space:pre">	</span>// 把一个布局文件----》一个View，并且加载在SettingItemView中
	private void initView(Context context) {
		View view = View.inflate(getContext(), R.layout.item_view, ItemView.this);
		cb_status = (CheckBox) view.findViewById(R.id.cb_status);
		tv_desc = (TextView) view.findViewById(R.id.tv_desc);
		tv_title = (TextView) view.findViewById(R.id.tv_title);
	}
要重复利用组合控件里面的三个子控件，就还要实现一下几个方法，分别是isChecked()判断CheckBox是否选中，setChecked(boolean checked)设置 CheckBox的状态，setDesc(String text)修改描述信息，setTitle(String text)修改标题等。 
/*
	 * 组合控件是否有焦点
	 * */
	public boolean isChecked(){
		return cb_status.isChecked();
	}
	
	/*
	 * 设置组合控件的状态
	 * */
	public void setChecked(boolean checked){
		cb_status.setChecked(checked);
	}
	
	/*
	 * 组合控件更改文字
	 * */
	public void setDesc(String text){
		tv_desc.setText(text);
	}
	
	/*
	 * 组合控件更改标题
	 * */
	public void setTitle(String text){
		tv_title.setText(text);
	}

然后要使用这个组合控件的话就可以在activity_main.xml布局中直接调用自定义控件了。

<LinearLayout 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"
     android:orientation="vertical">
   <cn.edu.cqu.zhkj.ItemView 
       android:id="@+id/iv_google"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"/>
   <cn.edu.cqu.zhkj.ItemView 
       android:id="@+id/iv_gps"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"/>
   <cn.edu.cqu.zhkj.ItemView 
       android:id="@+id/iv_es_gps"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"/>

</LinearLayout>
在主布局文件中添加三个自定义的控件，然后在程序中进行设置。 
package cn.edu.cqu.zhkj;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;

public class MainActivity extends Activity{
	
	private ItemView iv_google;
	private ItemView iv_gps;
	private ItemView iv_es_gps;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		iv_google = (ItemView) findViewById(R.id.iv_google);
		iv_gps = (ItemView) findViewById(R.id.iv_gps);
		iv_es_gps = (ItemView) findViewById(R.id.iv_es_gps);
		
		iv_gps.setTitle("GPS卫星");
		iv_gps.setDesc("允许应用程序使用GPS对您进行定位");
		iv_es_gps.setTitle("使用增强型GPS");
		iv_es_gps.setDesc("可以使用服务器辅助GPS（取消选中可以降低网络使用率）");
	
		iv_google.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// 判断是否选中
				if (iv_google.isChecked()) {
					iv_google.setChecked(false);
				}else {
					iv_google.setChecked(true);
				}
			}
		});
		iv_gps.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// 判断是否选中
				if (iv_gps.isChecked()) {
					iv_gps.setChecked(false);
				}else {
					iv_gps.setChecked(true);
				}
			}
		});
		iv_es_gps.setOnClickListener(new OnClickListener() {
	
			@Override
			public void onClick(View v) {
				// 判断是否选中
				if (iv_es_gps.isChecked()) {
					iv_es_gps.setChecked(false);
				}else {
					iv_es_gps.setChecked(true);
				}
	}
});
	}


}
这样就实现了组合控件的重复使用。


源码下载：组合控件

Android 组合控件
Cricket_7的博客
02-22 833
1，实现逻辑： 组合控件： 【1】创建SettingItemView继承RelativeLayout 或者 LinearLayout 或者ViewGroup 【2】构造方法中this 传递方法。减少代码重复使用 【3】创建itme布局，添加子view的布局 【4】在要使用控件的布局文件中使用控件。 自定义属性： 【1】在values文件夹里 创建attrs.xml  文件 【2】按...
android 原理 组合控件_Android组合控件
weixin_33398033的博客
01-13 465
Android组合控件组合控件，顾名思义，多个控件组合成一个控件使用。比如，我们想要这样一个ImageView，图片的底部覆盖一个浮层，浮层上面显示一行文字，这个控件我们可以用TextView覆盖在ImageView之上实现，我们把这个控件命名为“CoverImageView”吧。怎样组合既然是组合，那么就需要一个容器把这些分散的控件装在一起，这个容器就是ViewGroup，如：LinearLay...
Android基础学习---自定义组合控件
yangy_12345的博客
03-01 403
1.demo功能描述 今天要实现的自定义组合控件是无数据图，其包含了一个imageview以及一个textview，因为在开发过程中无数据图往往逻辑很简单，如我们自定义的组和控件一搬都是一个图片对应一个描述，并且对应不同场景图片资源往往不同，为了方便我们的开发以及应对后期设计修改样式，我们需要实现一个无数据图的自定义控件 2.demo实现关键点 （1）创建自定义控件类，一般继承一个现有的viewGroup，这样无需我们自己实现measure以及layout （2）创建自定义属性 （3）创建自定义style
Android组合布局
wuxia2001的专栏
09-20 1779
其实很多复杂的布局都可以切成一小部分的布局然后去组合而成的。 比如我有一张照片，我想给他加个相框，而这张照片必须是可以被客户自行选择的，整个相片相框又必须作为一个图片放在一个固定的位置。其实如果是一张固定的照片，那么一开始就可以用PS把照片和相框做成一张图片的，但要被客户指定的话，也可以把相框和相处做成一个整体的（当然也可以没必要，如果你有自信控制界面不变形的话，这里只是举个例子说明一下）。
android编程多组件布局,Android把多个控件定义成一个整体的布局类使用
weixin_39997664的博客
05-25 600
在程序中有时候几个控件要放在一起，想随意放在布局上，而且不仅一个布局要使用，此时就想把这几个控件定义成一个新的View就好了，于是就有了下面这个类新的控件类SeekBarGroup.java，SeekBarGroup.java集成了三个View，有两个TextView，一个SeekBar，就是一个显示时间的进度条，这只是一种应用思想，可以是任何View的集合下面先看下效果，就是一个普通的进度条加两...
Android 自定义控件之组合控件
热门推荐
gd6321374的专栏
04-17 1万+
一、前言        最近做一个项目又一次用到类似像微信一样的标题栏，之前就实现过一次，但是几个月没有用了，就忘记了，导致这次再次使用却调了大半天才完成。因此，写下这篇文章记录下来，同时再一次巩固自己的理解。        这回使用的Android的自定义控件中的组合控件。二、自定义组合控件原理        项目中经常会遇见很多相似或者相同的布局，比如APP的标题栏，通过将这些布局抽取出来，放...
Android自定义组合控件
09-26
本文将深入探讨如何根据【标题】"Android自定义组合控件"和【描述】中的内容，结合【标签】"android 自定义控件 组合控件 自定义属性"，来创建一个自己的自定义组合控件。 首先，我们要明白什么是自定义控件。在...
Android自定义控件之组合控件学习笔记分享
09-02
1. 设计组合控件的布局文件。 2. 在`attrs.xml`中定义自定义属性。 3. 创建一个新的Java类，继承自基础控件，如RelativeLayout。 4. 在新类中加载布局并获取自定义属性的值。 5. 将属性值设置到对应的组件上。 通过...
android自定义组合控件
12-21
总之，自定义Android组合控件是一项涉及多方面技能的任务，包括绘图、布局管理、事件处理和属性定义等。通过熟练掌握这些知识点，开发者可以创造出独特且功能丰富的用户界面，提升应用的用户体验。
Android组合控件实现功能强大的自定义控件
09-02
总结起来，Android组合控件实现功能强大的自定义控件主要包括以下几个步骤： 1. 定义自定义属性（如在`attrs.xml`中）。 2. 创建自定义控件类，继承适当的父类（如RelativeLayout）。 3. 在控件类中获取并解析自定义...
Android自定义控件之自定义组合控件（三）
01-20
在Android应用开发中，自定义...总之，自定义组合控件是Android开发中的重要技巧，它能显著提升开发效率，降低维护负担，并保证应用的界面一致性。通过熟练掌握这一技术，开发者能够构建更加健壮和易于管理的应用程序。
c#自定义GroupBox控件
09-13
c#自定义GroupBox控件，可自定义边框样式颜色等。
Android 自定义控件：组合控件
接受自己的普通，然后拼尽全力去与众不同
10-02 431
自定义组合控件就是多个控件组合起来成为一个新的控件，用来解决多次重复的使用同一类型的布局，比如对话框、APP的标题栏等。这里列举一个最近项目开发中自定义的组合控件。 先看做好的效果： 自定义的选择按钮 按钮选中的样式： <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schema...
android自定义View——组合控件
zcn596785154的博客
09-11 628
一，view_setting_item.xml组合控件布局文件:这里是组合控件中的元素，一个TextView，一个EditText.<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_w
android 组合控件
王明海的专栏
12-17 1092
有时候项目中常常需要用到一些一样的控件，那些控件形状一样，但是具体内容却不一样，如下图： 如果每次都把要用到的控件在布局中一个一个的用代码写出来，会显得非常麻烦，这时就要用到组合控件了。组合控件是指把系统的几个已有控件组合为一个适合自己的可用的控件。要定义自己的组合控件非常简单，首先定义控件应有的属性，在res/values下新建attrs.xml文件<?xml version="1.0" e
Android Strongbox（ Android Ready SE）
weixin_47139576的博客
01-30 7969
Android ready SE(strongbox)
Android控件布局常用属性
cj7074751的专栏
09-27 515
xml version="1.0" encoding="utf-8"?> android:numColumns="auto_fit" ，GridView的列数设置为自动 android:columnWidth="90dp"，每列的宽度，也就是Item的宽度 android:stretchMode="columnWidth"，缩放与列宽大小同步 android:verticalSpacing=
扩展GroupBox控件
android_12345的博客
06-16 997
1、GroupBox的边框颜色可以自行设置； 2、GroupBox可以设置边框的为圆角； 3、设置GroupBox标题在控件中的位置。 4、设置GroupBox标题的字体和颜色。 具体实现步骤Panel扩展一样，直接看具体的代码，代码如下： public class GroupBoxEx : GroupBox { private Fo...
Android开发之自定义控件-组合控件的开发与实现
wh445306
03-14 1873
当然我们还可以根据自己的需要在条目中添加更多的控件来实现高效的自定义控件效果：比如在右边的文字和箭头中间，又或者是左边的文字右边添加一个红色小圆圈，实现有更新内容的提示。类似微信或支付宝app的效果。然后使用 findViewById() 方法获取控件，并且提供了 setTitle() 和 setImageResource() 方法用于在外部分别设置每个条目的图片和标题，这样就可以在页面的布局文件中引用 ItemView 控件，并且在代码中为每个条目设置不用的内容，这样一个自定义组合控件就告一段落了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值