Android学习之自定义布局与属性的创建与使用

最新推荐文章于 2024-08-11 14:33:56 发布
最新推荐文章于 2024-08-11 14:33:56 发布
阅读量620 收藏 4
点赞数
分类专栏： Android 学习 文章标签： 自定义布局 创建与使用 declare-styleable
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Nicholas1hzf/article/details/87304970
版权

一、效果图

1. settings_item.xml

settings_item.xml

2. activity_main.xml

activity_main.xml

二、实现步骤

1. 自定义布局文件，绘制想要重复使用的自定义布局。（settings_item.xml）
<?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="wrap_content"
    android:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:paddingTop="8dp"
    android:paddingBottom="8dp">

    <ImageView
        android:id="@+id/icon"
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:layout_alignParentLeft="true"
        android:layout_centerInParent="true"
        android:layout_margin="5dp"
        android:src="@drawable/personaldata" />

    <TextView
        android:id="@+id/title_text"
        android:layout_width="wrap_content"
        android:layout_height="25dp"
        android:gravity="center_vertical"
        android:layout_marginRight="5dp"
        android:layout_marginLeft="16dp"
        android:layout_toRightOf="@id/icon"
        android:layout_centerInParent="true"
        android:text="@string/s_settings_item_personal_data"
        android:textColor="#292929"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="25dp"
        android:gravity="center_vertical"
        android:layout_marginRight="8dp"
        android:layout_marginLeft="5dp"
        android:layout_toLeftOf="@id/forward"
        android:layout_centerInParent="true"
        android:text="@string/s_settings_item_real_name_check"
        android:textSize="16sp"/>

    <ImageView
        android:id="@+id/forward"
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:layout_margin="5dp"
        android:layout_alignParentRight="true"
        android:layout_centerInParent="true"
        android:src="@drawable/forward" />
    
</RelativeLayout>
2. 自定义属性，编写自定义的属性。（values/attrs.xml）
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!--
        一个属性集合，外层的name是属性集合名称，
        内层的name则是属性的名称，format则是属性的值的类型
    -->
    <declare-styleable name="SettingsItemLayout">
        <attr name="title_text" format="string" />
        <attr name="complement_text" format="string" />
        <attr name="icon_iv" format="reference" />
        <attr name="forward_iv" format="reference" />
    </declare-styleable>
</resources>
3. 编写控制自定义布局的java类实现对其控制。（SettingsItemLayout.java）
import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;

public class SettingsItemLayout extends RelativeLayout {

    private ImageView mIconIV;//最左侧图标
    private int icon;//图标对应资源id
    private String titleText;//标题文字
    private TextView mTitleTextTV;//标题文字对应的TextView
    private String complementText;//标题文字
    private TextView mComplementTextTV;//标题文字对应的TextView
    private ImageView mForwardIV;//最左侧图标
    private int forward;//最左侧图标对应资源id

    /*
    构造函数，参数一：上下文；参数二：属性集
     */
    public SettingsItemLayout(Context context, AttributeSet attrs){
        super(context,attrs);
        //加载自定义布局
        LayoutInflater.from(context).inflate(R.layout.settings_item,this);
        //实例化组件
        mIconIV = (ImageView) findViewById(R.id.icon);
        mForwardIV = (ImageView) findViewById(R.id.forward);
        mTitleTextTV = (TextView)findViewById(R.id.title_text);
        mComplementTextTV = (TextView)findViewById(R.id.complement_text);

        /*
            每一个属性集合编译之后都会对应一个styleable对象,
            通过styleable对象获取TypedArray typedArray，然后通过键值对获取属性值。
            R.styleable.SettingsItemLayout,SettingsItemLayout对应attrs里面属性集的名称而不是本类的类名
         */
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.SettingsItemLayout);
        if (typedArray != null) {
            titleText = typedArray.getString(R.styleable.SettingsItemLayout_title_text);
            complementText = typedArray.getString(R.styleable.SettingsItemLayout_complement_text);
            icon = typedArray.getResourceId(R.styleable.SettingsItemLayout_icon_iv,R.drawable.personaldata);
            forward = typedArray.getResourceId(R.styleable.SettingsItemLayout_forward_iv,R.drawable.forward);
            typedArray.recycle();
        }
        //将自定义的属性值设置到组件上
        mTitleTextTV.setText(titleText);
        mComplementTextTV.setText(complementText);
        //Drawable drawableIcon = context.getDrawable(icon);
        mIconIV.setImageResource(icon);
        mForwardIV.setImageResource(forward);
        /* 可对组件设置点击事件
        mTitleTextTV.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View view) {
                ((Activity) getContext()).finish();
            }
        });*/
    }

    /*
        设置组件内容，不同参数，字符串或者资源id
     */
    public void setTitleText(String titleText){
        mTitleTextTV.setText(titleText);
    }

    public void setTitleText(int titleText){
        mTitleTextTV.setText(titleText);
    }

    public void setComplementText(String complementText){
        mComplementTextTV.setText(complementText);
    }

    public void setComplementText(int complementText){
        mComplementTextTV.setText(complementText);
    }

    public void setIconIV(int id){
        mIconIV.setImageResource(id);
    }

    public void setForwardIV(int id){
        mForwardIV.setImageResource(id);
    }

    //设置组件的可见性 0 GONE 1 INVISIBLE 2 VISIBLE
    public void setIconIVVisibility(int flag){
        switch (flag){
            case 0:
                mIconIV.setVisibility(GONE);
                break;
            case 1:
                mIconIV.setVisibility(INVISIBLE);
                break;
            case 2:
                mIconIV.setVisibility(VISIBLE);
                break;
            default:break;
        }
    }

    public void setForwardIVVisibility(int flag){
        switch (flag){
            case 0:
                mForwardIV.setVisibility(GONE);
                break;
            case 1:
                mForwardIV.setVisibility(INVISIBLE);
                break;
            case 2:
                mForwardIV.setVisibility(VISIBLE);
                break;
            default:break;
        }
    }

    public void setTitleTextTVVisibility(int flag){
        switch (flag){
            case 0:
                mTitleTextTV.setVisibility(GONE);
                break;
            case 1:
                mTitleTextTV.setVisibility(INVISIBLE);
                break;
            case 2:
                mTitleTextTV.setVisibility(VISIBLE);
                break;
            default:break;
        }
    }

    public void setComplementTextTVVisibility(int flag){
        switch (flag){
            case 0:
                mComplementTextTV.setVisibility(GONE);
                break;
            case 1:
                mComplementTextTV.setVisibility(INVISIBLE);
                break;
            case 2:
                mComplementTextTV.setVisibility(VISIBLE);
                break;
            default:break;
        }
    }
}
4. 在布局文件中使用。（activity_main.xml）
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:hzf="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <!--为属性集设置一个属性集名称，这里使用hzf。-->

    <com.hzf.nicholas.customlayouttest.SettingsItemLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        hzf:title_text="@string/s_settings_item_personal_data"
        hzf:complement_text="@string/s_settings_item_personal_data_cp">

    </com.hzf.nicholas.customlayouttest.SettingsItemLayout>

    <com.hzf.nicholas.customlayouttest.SettingsItemLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        hzf:title_text="@string/s_settings_item_real_name_check"
        hzf:complement_text="@string/s_settings_item_real_name_check_cp"
        hzf:forward_iv="@drawable/forward"
        hzf:icon_iv="@drawable/realname">

    </com.hzf.nicholas.customlayouttest.SettingsItemLayout>

    <com.hzf.nicholas.customlayouttest.SettingsItemLayout
        android:id="@+id/test"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

    </com.hzf.nicholas.customlayouttest.SettingsItemLayout>

</LinearLayout>
5. 在活动中使用java类控制。（MainActivity.java）
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    private SettingsItemLayout mSettingsItemLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mSettingsItemLayout = (SettingsItemLayout)findViewById(R.id.test);
        //通过java类控制
        mSettingsItemLayout.setIconIV(R.drawable.changepwd);
        mSettingsItemLayout.setTitleText("修改密码");
        mSettingsItemLayout.setComplementTextTVVisibility(0);
    }
}

三、参考博客

liu_xi_xin Android中自定义属性的使用
https://blog.csdn.net/liu_xi_xin/article/details/54934545
鸿洋_ Android 深入理解Android中的自定义属性
https://blog.csdn.net/lmj623565791/article/details/45022631
总李写代码 Android自定义控件之自定义属性
http://www.cnblogs.com/whoislcj/p/5711001.html

Nicholas_hzf
关注
专栏目录
【android开发-11】android中创建自定义布局并引入自定义布局的参考例子
jiangchaobing_2017的博客
12-01 958
android中自定义布局引入的参考例子
Android不使用自定义布局情况下实现自定义通知栏图标的方法
01-20
在Android开发中，创建自定义通知栏图标通常涉及到使用自定义布局来个性化通知的外观。然而，如果在没有自定义布局的情况下，我们仍然可以利用Android系统提供的默认布局来实现这一目标。下面将详细介绍如何在不使用...
这一定是最简单的自定义布局
魂天帝
12-20 2020
说明 上半部分下载按钮为主页面 下半部分进度条和取消按钮为引用的自定义布局 简介 啥？自定义 View 和自定义布局不一样？没错，自定义 View 是画布局，重在画，从 0 到 1；自定义布局是组合控件，重在组合，将分散的多个控件组合成一个整体。所以意义上是不一样的，当然广义上都可以叫自定义 View，毕竟殊途同归
Android自定义Layout布局
12-18
android提供的五种布局有时候不能满足实际项目的需要，所以需要自定义布局。这是一个自定义Layout布局
Android 控件自定义属性三部曲
最新发布
yan_chenglong的博客
08-11 129
首先，你需要在res/values目录下创建一个XML文件，通常命名为attrs.xml，用于定义自定义属性。假设我们要为一个自定义的TextView控件添加自定义属性，比如customTextColor和customTextSize。xml代码解读复制代码在你的布局文件中使用自定义控件，并设置自定义属性。xml代码解读复制代码<ImageView<TextView<TextView</merge>接下来，我们创建一个继承自TextView的自定义控件类，并在其中解析这些自定义属性。
深入解析Android的自定义布局
penkzhou的技术博客
12-09 1767
这篇文章是前Firefox Android工程师（现在跳槽去Facebook了） Lucas Rocha所写，文中对Android中常用的四种自定义布局方案进行了很好地分析，并结合这四种Android自定义布局方案所写的示例项目讲解了它们各自的优劣以及四种方案之间的比较。看完这篇文章，也让我对Android 自定义布局有了进一步的了解，于是趁着兴头，我把它翻译成中文。
Android自定义布局属性
qq407221874的博客
07-09 250
需要在values下定义attrs.xml                                             其中fomat表示属性的取值类型 integer：整数 dimension：尺寸 dp dip sp px color:颜色 string:字符串 float:浮点数 android:rating="1.5"
android 在布局中使用自定义属性
向着太阳迎着光
10-13 424
1.在布局中使用自己的自定义属性的时候，首先要在布局中设置声明： xmlns:app=”http://schemas.android.com/apk/res-auto” 2.声明完成之后就可以直接使用自己定义的属性了。<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android
Android 自定义布局
CChuXueZhe2034的博客
06-26 418
自定义布局 一、创建一个布局 二、自定义布局 一、引用 自定义控件 自定义按钮 新建Drawable resoures xml 修修改xml，添加属性 state_pressed：按压时 1 2 新建Class继承AppCompatButton，重写构造函数，设置属性 注意：第二个和第三个构造函数对于XML这种引用方式是必须实现的 包名.类名直接在布局中引用自定义按钮 在对应得Activity中设置控件得相关属性 ———————————————— 版权声明：本文为CSDN博主「梦视空」的原创文章，遵循C
Android如何使用XML自定义属性
04-28
### Android如何使用XML自定义属性 在Android开发中，我们经常需要为自定义视图或者控件设置一些特定的属性来满足不同的需求。为了更好地控制这些属性并使其更易于管理和扩展，Android提供了一种机制——XML自定义...
Android高手进阶之自定义View，自定义属性（带进度的圆形进度条）源码
08-25
在Android中，我们可以为自定义View定义自己的XML属性，使得在布局文件中更容易配置和使用。这需要以下几个步骤： 1. 在res/values/attrs.xml文件中定义自定义属性，如`progressColor`（进度颜色）、`...
Android编程实现Toast自定义布局简单示例
01-20
接着，你可以找到自定义布局中的控件并设置它们的属性，比如TextView的内容： ```java TextView txt = (TextView) view.findViewById(R.id.txt_tips); txt.setText(info); ``` 创建一个新的Toast对象，并将加载好...
android自定义布局的使用！
Allyn
10-24 1302
自定义layout布局；
Andriod: 在xml布局中使用自定义属性
BriskLyer的博客
07-06 2663
Andriod: 在xml布局中使用自定义属性1、自定义View的属性，首先在res/values/ 下建立一个attr.xml ， 在里面定义我们的属性和声明我们的整个样式。`<?xml version="1.0" encoding="utf-8"?> <resources> <attr name="relation"> <enum name="icon_left" value=
Android之自定义布局
strong90的博客
08-28 969
步骤： 1、新建一个xxxx.xml的布局文件 2、在需要添加的程序中，引用xxxx.xml文件 3、最后在MainActivity中将系统自带的标题栏隐藏掉
android自定义布局
mockingbirds的专栏
03-08 1071
很早之前实现了一个很简单的自定义布局，即继承自现有的布局，来实现自己功能的一些扩展，虽然比较简单，但是也很具有代表性，所以就记录下来吧 先看下效果吧： 可以看到，这个效果类似于注册登录的文本框，只不过这里我使用了一个布局将多个android提供的原生控件封装起来了自定义布局的步骤： 编写自定义布局的布局文件 继承自现有的布局，或者ViewGroup 在xml中使用该布局 编写布局文件activ
Android自定义布局
做你所想，想你所做。
08-19 540
首先我们观察Android API：View.java// 注意final修饰，该方法永远不会被覆盖，整个布局结构 measure方法唯一public final void measure(int widthMeasureSpec, int heightMeasureSpec) { onMeasure(widthMeasureSpec, heightMeasureSpec);}pro
Android自定义控件与属性深度解析
通过理解和掌握自定义控件和属性的创建与使用，开发者可以提升应用的用户体验和代码质量。在实际项目中，合理地运用自定义控件和属性，不仅可以提高代码的复用性，还能创造出独一无二的视觉效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值