如何制作自定义EditText

时间:2018-01-24 13:17:36

标签: android android-edittext attributes android-custom-view

enter image description here

我正在尝试自定义EditText看起来像这样。 目前我正在使用自ConstraintLayout

的自定义视图继承

DefaultEditTextContainerView.java

public class DefaultEditTextContainerView extends ConstraintLayout
{
        @BindView(R.id.titleText)
        public TextView titleText;
        @BindView(R.id.contentEditText)
        public EditText contentEditText;

        private String mTitleText;
        private String mHintText;


        public DefaultEditTextContainerView(Context context) {
                super(context);
                init(null, 0);
        }

        public DefaultEditTextContainerView(Context context, AttributeSet attrs) {
                super(context, attrs);
                init(attrs, 0);

        }

        public DefaultEditTextContainerView(Context context, AttributeSet attrs, int defStyleAttr) {
                super(context, attrs, defStyleAttr);
                init(attrs, defStyleAttr);

        }


        private void init(AttributeSet attrs, int defStyle) {
                View view = inflate(getContext(), R.layout.view_default_edit_text_container_view,
                        this);
                ButterKnife.bind(this, view);

                //region Load attributes
                final TypedArray typedArray = getContext().obtainStyledAttributes(
                        attrs, R.styleable.DefaultEditTextContainerView, defStyle, 0);

                if (typedArray.hasValue(R.styleable.DefaultEditTextContainerView_titleText)) {
                        mTitleText = typedArray.getString(
                                R.styleable.LandingPageSectionItemView_titleText);
                }

                if (typedArray.hasValue(R.styleable.DefaultEditTextContainerView_hintText)) {
                        mHintText = typedArray.getString(
                                R.styleable.DefaultEditTextContainerView_hintText);
                }


                typedArray.recycle();
                // endregion


                titleText.setText(mTitleText);
                contentEditText.setHint(mHintText);
        }



}

view_default_edit_text_container_view.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:maxHeight="100dp">


    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_marginBottom="24dp"
        android:background="@color/colorLight"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/linearLayout10"/>


    <TextView
        android:id="@+id/titleText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="필드 이름"
        android:textColor="@color/textLightDark"
        android:textSize="12sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <LinearLayout
        android:id="@+id/linearLayout10"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/titleText">

        <EditText
            android:id="@+id/contentEditText"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@android:color/transparent"
            android:ems="10"
            android:hint="예) 힌트 텍스트"
            android:inputType="text"
            android:padding="10dp"
            android:singleLine="true"
            android:textColor="@color/textLightDark"
            android:textColorHint="@color/colorLight"
            android:textSize="18sp"
            tools:layout_editor_absoluteX="99dp"
            tools:layout_editor_absoluteY="271dp"/>
    </LinearLayout>
</android.support.constraint.ConstraintLayout>

但问题是,我必须访问分配给EditText的5个以上的属性。所以我认为我的CustomView应该从EditText继承。这就是我想要做的......

我如何从EditText继承并创建与上面相同的视图?

OR

如何从xml访问所有EditText属性,而不是通过attr.xml来指定和覆盖属性......

谢谢你!

===编辑== 我想要的是什么

ParentView(ConstraintLayout)
- ViewA(TextView)
- ViewB(EditText)

想让视图看起来像那样但继承自ViewB(EditText) 所以我可以主要访问EditText的属性

1 个答案:

答案 0 :(得分:0)

从显示所需结果的模型中,您可能希望此库轻松实现此目的:https://github.com/HITGIF/TextFieldBoxes.I之前已使用过此库,并且很容易实现。

以下是库提供的输出预览: enter image description here