Android 自定義設置布局

效果圖

 

 

 1、自定義一個布局

 

 

 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="50dp"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/account_icon"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_centerVertical="true"
        android:layout_margin="10dp"
        android:src="@drawable/wechat" />

    <TextView
        android:id="@+id/account_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@+id/account_icon"
        android:text="姓名"
        android:textColor="@color/colorBlack" />

    <ImageView
        android:id="@+id/account_rightArrow"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginRight="10dp"
        android:src="@drawable/right"
        android:visibility="visible" />

    <TextView
        android:id="@+id/account_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_toLeftOf="@+id/account_rightArrow"
        android:text="張三"
        android:visibility="visible" />

    <TextView
        android:id="@+id/account_bottom"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_alignParentBottom="true"
        android:background="@color/colorGray" />
</RelativeLayout>
2、在res資源目錄下的values 目錄下新建一個attres 文件

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="item_view">
        <attr name="left_icon" format="integer" /><!--左側圖標-->
        <attr name="left_title" format="string" /><!--左側標題文字-->
        <attr name="right_text" format="string" /><!--右側描述文字-->
        <attr name="show_right_text" format="boolean" /><!--是否顯示右側描述文字-->
        <attr name="show_right_arrow" format="boolean" /> <!--是否顯示右側箭頭-->
        <attr name="show_bottomLine" format="boolean" /> <!--是否顯示下划線-->
    </declare-styleable>
</resources>

3、新建一個類 AccountSetUp 繼承 布局 如（LinearLayout）

public class AccountSetUp extends LinearLayout {
    private Boolean isBottom;
    private Boolean isRightText;
    private Boolean isRightArrow;
    private ImageView leftIcon;
    private ImageView rightArrow;
    private TextView leftTitle;
    private TextView rightText;
    private TextView bottomView;

    public AccountSetUp(Context context, AttributeSet attrs) {
        super(context, attrs);
        LayoutInflater.from(getContext()).inflate(R.layout.account_item, this);
        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.item_view);//解析布局


        isBottom = ta.getBoolean(R.styleable.item_view_show_bottomLine, true); //底部分割線是否顯示
        isRightText = ta.getBoolean(R.styleable.item_view_show_right_text, true);//右邊描述文字是否顯示
        isRightArrow = ta.getBoolean(R.styleable.item_view_show_right_arrow, true);//右邊箭頭是否顯示

        leftIcon = findViewById(R.id.account_icon); //左邊圖標
        rightArrow = findViewById(R.id.account_rightArrow);//右邊箭頭
        leftTitle = findViewById(R.id.account_title); //左邊標題文字
        rightText = findViewById(R.id.account_text);//左邊描述文字
        bottomView = findViewById(R.id.account_bottom); //底部分割線

        leftIcon.setImageDrawable(ta.getDrawable(R.styleable.item_view_left_icon));//賦值
        rightArrow.setVisibility(isRightArrow ? VISIBLE : GONE);
        leftTitle.setText(ta.getText(R.styleable.item_view_left_title));
        rightText.setText(ta.getText(R.styleable.item_view_right_text));
        rightText.setVisibility(isRightText ? View.VISIBLE : INVISIBLE);
        bottomView.setVisibility(isBottom ? View.VISIBLE : View.INVISIBLE);


        //回收屬性對象
        ta.recycle();

    }

    /**
     * 設置標題內容
     */
    public void setTitle(String titleText) {
        rightText.setText(titleText);
    }

}

4、在xml中使用

 

 

 

5、設置點擊事件
邏輯代碼：
初始化：

private AccountSetUp accountCollection;
private AccountSetUp accountHistory;
private AccountSetUp accountCache;
private AccountSetUp accountAbout;

/**
 * 設置點擊
 */
private void initItem() {
    accountCollection = view.findViewById(R.id.account_view_collection);//我的收藏
    // accountCollection.setTitle("");
    accountCollection.setOnClickListener(this);
    accountHistory = view.findViewById(R.id.account_view_history); //我的歷史
    accountHistory.setOnClickListener(this);
    accountCache = view.findViewById(R.id.account_view_cache); //離線下載
    accountCache.setOnClickListener(this);
    accountAbout = view.findViewById(R.id.account_view_about); //關於
    accountAbout.setOnClickListener(this);
}

/**
 * 全部點擊事件
 */
@Override
public void onClick(View view) {
    switch (view.getId()) {
        case R.id.account_view_collection:
            Intent intentCollection = new Intent(getContext(), CollectionActivity.class);
            startActivity(intentCollection);
            break;
        case R.id.account_view_history:
            Intent intentHistory = new Intent(getContext(), HistoryActivity.class);
            startActivity(intentHistory);
            break;
        case R.id.account_view_cache:
            Intent intentCache = new Intent(getContext(), CollectionActivity.class);
            startActivity(intentCache);
            break;
        case R.id.account_view_about:
            Intent intentAbout = new Intent(getContext(), CollectionActivity.class);
            startActivity(intentAbout);
            break;
        default:
            break;
    }
}

文章：https://blog.csdn.net/asfang/article/details/79144127
https://blog.csdn.net/q15037911903/article/details/82773279