android 自定义组件

最新推荐文章于 2024-03-03 10:37:50 发布

JiaoYuXi_hahaha

最新推荐文章于 2024-03-03 10:37:50 发布

阅读量288

点赞数

分类专栏： Android 文章标签： android

本文链接：https://blog.csdn.net/onightfalls/article/details/76522102

版权

Android 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

第一步：属性类（attrs.xml）包含在values 文件夹下

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- 个人账户界面的自定义列表的属性 -->
    <declare-styleable name="CustomAccountList">
        <attr name="LeftImage" format="reference"></attr>
        <attr name="RightImage" format="reference"></attr>
        <attr name="Title" format="string"></attr>
    </declare-styleable>
</resources>

第二步：自定义的模板类(CustomAccountList .java)

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;

import com.vipcio.R;

/**
 * 个人账户界面的自定义列表
 * 实现：我的投资，我的银行卡，我的体验金等
 */

public class CustomAccountList extends RelativeLayout {
    private ImageView letfImage;
    private ImageView rightImage;
    private TextView tilte;

    public CustomAccountList(Context context, AttributeSet attributeSet) {
        super(context, attributeSet);
        View view = LayoutInflater.from(context).inflate(R.layout.custom_accountlist,this,true);
        letfImage = (ImageView) view.findViewById(R.id.leftImage_costomAccountList);
        rightImage = (ImageView) view.findViewById(R.id.rightImage_costomAccountList);
        tilte = (TextView) view.findViewById(R.id.text_costomAccountList);

        TypedArray typedArray = context.obtainStyledAttributes(attributeSet, R.styleable.CustomAccountList);
        if(typedArray != null){
            //左侧图标
            int leftImage = typedArray.getResourceId(R.styleable.CustomAccountList_LeftImage, -1);
            if(leftImage>-1){
                letfImage.setImageResource(leftImage);
            }
            //标题文字
            tilte.setText(typedArray.getText(R.styleable.CustomAccountList_Title));
            //右侧图标
            int rightImage = typedArray.getResourceId(R.styleable.CustomAccountList_RightImage, -1);
            if(rightImage>-1){
                this.rightImage.setImageResource(rightImage);
            }
        }
    }
}

第三步：AccountListView.java 的配置文件（custom_accountlist.xml）

<?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="55dp"
    android:layout_marginLeft="6dp"
    android:paddingLeft="6dp"
    android:orientation="horizontal"
    android:gravity="center_vertical|center"
    android:background="@drawable/custom_account">
    <ImageView
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:id="@+id/leftImage_costomAccountList"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:textSize="18dp"
        android:id="@+id/text_costomAccountList"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center_vertical|right">
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/logo_arrow_right"
            android:id="@+id/rightImage_costomAccountList"/>
    </LinearLayout>
</LinearLayout>

第四步：使用 (注意引入 xmlns:CustomAccountListView=”http://schemas.android.com/apk/res-auto” )

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:CustomAccountListView="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical">
        <com.vipcio.customView.CustomAccountList
            android:id="@+id/accountItemBank"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            CustomAccountList:LeftImage="@mipmap/logo_account_bank"
            CustomAccountList:Title = "我的银行卡" />
        <com.vipcio.customView.CustomAccountList
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
           CustomAccountList:LeftImage="@mipmap/logo_account_money"
           CustomAccountList:Title = "我的体验金" />          
</LinearLayout>