寫在前面

在寫程式的程序中，我們會遇到重復寫很多代碼的問題，今天我們使用自定義控制元件進一步步提升效率，
,
正常我們寫這么一個頁面的輸入框那些，每個都需要下面這些代碼，

<LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="44dp"
        android:gravity="center_vertical"
        android:paddingLeft="16dp"
        android:paddingRight="16dp">
        <ImageView
            android:id="@+id/iv_icon"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:src="@mipmap/phone"/>

        <EditText
            android:id="@+id/et_input"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@null"
            android:hint="用戶名"
            android:paddingLeft="@dimen/marginSize"
            android:paddingRight="@dimen/marginSize"
            android:textSize="@dimen/titleSize"/>
    </LinearLayout>

自定義控制元件

設定

[value/arrts.xml]

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <!--  宣告樣式  -->
    <declare-styleable name="inputView">
        <!--輸入框前面的小圖示-->
        <attr name="input_icon" format="reference"></attr>
        <!--輸入框的提示內容-->
        <attr name="input_hint" format="string"></attr>
        <!--輸入是否需要以密文展示-->
        <attr name="is_password" format="boolean"></attr>
    </declare-styleable>
</resources>

[value/input_view]

<?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="@dimen/inputViewHeight"
    android:orientation="horizontal"
    android:gravity="center_vertical"
    android:paddingLeft="@dimen/marginSize"
    android:paddingRight="@dimen/marginSize"
    >

    <ImageView
        android:id="@+id/iv_icon"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:src="@mipmap/phone"/>

    <EditText
        android:id="@+id/et_input"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@null"
        android:hint="用戶名"
        android:paddingLeft="@dimen/marginSize"
        android:paddingRight="@dimen/marginSize"
        android:textSize="@dimen/titleSize"/>
</LinearLayout>

[java/views/inputView.java]
繼承FrameLayout->重寫方法，然后在下面定義初始化這些方法

package net.tyao.imoocmusicdemo.views;

import android.content.Context;
import android.content.res.TypedArray;
import android.os.Build;
import android.text.InputType;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.EditText;
import android.widget.FrameLayout;
import android.widget.ImageView;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.annotation.RequiresApi;

import net.tyao.imoocmusicdemo.R;

/***
 * 1、input_icon 輸入框前面的小圖示
 * 2、input_hint 輸入框的提示內容
 * 3、is_password 輸入的內容是否需要以密文形式顯示
 */
public class inputView extends FrameLayout {

    private int inputIcon;
    private String inputHint;
    private boolean isPassword;

    private View mView;
    private ImageView mIvIcon;
    private EditText mEtInput;

    public inputView(@NonNull Context context) {
        super(context);
        init(context, null);
    }

    public inputView(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs);
    }

    public inputView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs);
    }

    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP) //android 5.0以上才可以使用
    public inputView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        init(context, attrs);
    }

    private void init(Context context, AttributeSet attrs) {
        if (attrs == null) return;
        // 獲取自定義屬性
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.inputView);
        inputIcon = typedArray.getResourceId(R.styleable.inputView_input_icon,R.mipmap.logo);
        inputHint = typedArray.getString(R.styleable.inputView_input_hint);
        isPassword = typedArray.getBoolean(R.styleable.inputView_is_password, false);
        typedArray.recycle(); //使用完成后記得釋放

        // 系結layout布局
        mView = LayoutInflater.from(context).inflate(R.layout.input_view,this,false);
        mIvIcon = mView.findViewById(R.id.iv_icon);
        mEtInput = mView.findViewById(R.id.et_input);

        // 布局關聯屬性
        mIvIcon.setImageResource(inputIcon);
        mEtInput.setHint(inputHint);
        mEtInput.setInputType(isPassword ? InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD : InputType.TYPE_CLASS_NUMBER);
        addView(mView);
    }

    /***
     * 獲取輸入內容
     * @return
     */
    public String getInputStr() {
        return mEtInput.getText().toString().trim();
    }
}

使用

    <net.tyao.imoocmusicdemo.views.inputView
        android:layout_width="match_parent"
        android:layout_height="@dimen/inputViewHeight"
        android:layout_marginTop="@dimen/marginSize"
        app:input_icon="@mipmap/phone"
        app:input_hint="請輸入手機號"
        ></net.tyao.imoocmusicdemo.views.inputView>

總結

可能這看起來寫的比較多，但是到了后面可以直接使用，如果遇到很多這種，寫起來就方便很多，