web-dev-qa-db-ja.com

TextInputLayoutサフィックス/プレフィックス

TextInputLayoutにサフィックスを追加したい。例は material.io から取られています

Example

標準的な解決策はありますか?

11
negatiffx

標準的な解決策はありません。textViewでtextInputLayoutとeditTextのパディングを実行しました。

        <RelativeLayout
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content"
            Android:layout_marginTop="4dp"
            Android:gravity="bottom">

            <Android.support.design.widget.TextInputLayout
                Android:layout_width="match_parent"
                Android:layout_height="wrap_content"
                Android:hint="Hint"
                app:errorEnabled="true">

                <Android.support.v7.widget.AppCompatEditText
                    style="@style/RegistrationEditText"
                    Android:layout_width="match_parent"
                    Android:layout_height="wrap_content"
                    Android:paddingRight="80dp" />
            </Android.support.design.widget.TextInputLayout>

            <Android.support.v7.widget.AppCompatTextView
                Android:layout_width="wrap_content"
                Android:layout_height="wrap_content"
                Android:layout_alignParentRight="true"
                Android:layout_centerInParent="true"
                Android:paddingBottom="12dp"
                Android:paddingRight="8dp"
                Android:text="rightLabel" />
        </RelativeLayout>
4
Ovechkin Pavel

マテリアルコンポーネントライブラリで提供される TextInputLayout を使用すると、属性を使用できます。

  • app:prefixText:プレフィックステキスト
  • app:suffixText:サフィックステキスト

何かのようなもの:

<com.google.Android.material.textfield.TextInputLayout
    Android:hint="Test"
    app:prefixText="@string/..."
    app:prefixTextColor="@color/secondaryDarkColor"
    app:suffixText="@string/..."
    app:suffixTextColor="@color/primaryLightColor"
    ...>

    <com.google.Android.material.textfield.TextInputEditText
        .../>

</com.google.Android.material.textfield.TextInputLayout>

例:

enter image description here

注:バージョン1.2.0が必要です。

1