自定义view设置样式

最新推荐文章于 2024-05-10 20:17:13 发布

阳间鬼

最新推荐文章于 2024-05-10 20:17:13 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/adminFanj/article/details/78451925

本文介绍了如何在Android中创建自定义View并设置样式。通过在attrs.xml中定义属性，然后在布局文件中使用这些属性来定制View。同时展示了如何在自定义View中实现点击事件监听，提供增加和删除操作的回调接口。

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

现在res/values中定义一个attrs.xml,设置view属性

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="AddDeleteViewStyle">
        <attr name="left_text" format="string"></attr>
        <attr name="right_text" format="string"></attr>
        <attr name="middle_text" format="string"></attr>
        <attr name="left_text_color" format="color"></attr>
    </declare-styleable>
</resources>

控件布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center">
    <TextView
        android:id="@+id/txt_delete"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#cca19b9b"
        android:padding="10dp"
        android:text="-"/>
    <EditText
        android:id="@+id/et_number"
        android:layout_width="150dp"
        android:gravity="center"
        android:text="1"
        android:layout_height="50dp" />
    <TextView
        android:id="@+id/txt_add"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#cca19b9b"
        android:padding="10dp"
        android:text="+"/>
</LinearLayout>

使用控件要在activity_main.xml中设置

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

<com.example.fanjie.customview.AddDeleteView
        android:layout_width="300dp"
        android:layout_height="50dp"
        android:layout_gravity="center"
        app:left_text="减"
        app:right_text="加"
        app:middle_text="3"
        app:left_text_color="#0000FF"
        android:id="@+id/adv_main"
        />

自定义组合view

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Color;
import android.util.AttributeSet;
import android.view.View;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.TextView;

/**
 * author:Created by WangZhiQiang on 2017/11/1.
 */

public class AddDeleteView extends LinearLayout{
    private OnAddDelClickListener listener;
    private EditText etNumber;

    //对外提供一个点击的回调接口
    interface OnAddDelClickListener{
        void onAddClick(View v);
        void onDelClick(View v);
    }
    public void setOnAddDelClickListener(OnAddDelClickListener listener){
        if(listener!=null){
            this.listener=listener;
        }
    }
    public AddDeleteView(Context context) {
        this(context,null);
    }

    public AddDeleteView(Context context, AttributeSet attrs) {
        this(context, attrs,0);
    }

    public AddDeleteView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView(context, attrs, defStyleAttr);
    }

    private void initView(Context context, AttributeSet attrs, int defStyleAttr) {
        View.inflate(context,R.layout.layout_add_delete,this);
        TextView txtDelete = (TextView) findViewById(R.id.txt_delete);
        TextView txtAdd = (TextView) findViewById(R.id.txt_add);
        etNumber = (EditText) findViewById(R.id.et_number);
        //获取样式
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.AddDeleteViewStyle);
        String leftText = typedArray.getString(R.styleable.AddDeleteViewStyle_left_text);
        String rightText = typedArray.getString(R.styleable.AddDeleteViewStyle_right_text);
        String middleText = typedArray.getString(R.styleable.AddDeleteViewStyle_middle_text);
        int leftTextColor = typedArray.getColor(R.styleable.AddDeleteViewStyle_left_text_color, Color.RED);
        txtDelete.setText(leftText);
        txtAdd.setText(rightText);
        etNumber.setText(middleText);
        txtDelete.setTextColor(leftTextColor);
        //回收
        typedArray.recycle();

        txtDelete.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View view) {
                listener.onDelClick(view);
            }
        });
        txtAdd.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View view) {
                listener.onAddClick(view);
            }
        });
    }

    /**
     * 对外提供设置EditText值的方法
     * @param number
     */
    public  void setNumber(int number){
        if(number>0){
            etNumber.setText(number+"");
        }
    }

    /**
     * 得到控件原来的值
     * @return
     */
    public int getNumber(){
        int number=0;
        try {
            String trim = etNumber.getText().toString().trim();
            number = Integer.valueOf(trim);
        }catch (Exception e){
            number=0;
        }
        return number;
    }
}