AppCompatEditTextにbackgroundを当ててはいけない

基礎&応用力をしっかり育成! Androidアプリ開発の教科書なんちゃって開発者にならないための実践ハンズオン (CodeZine BOOKS)

新品価格
￥2,970から
(2018/8/19 08:48時点)

TextInputLayoutとAppCompatEditText
の二つを使ってみたらどハマりした話

・以下の実装してみた

<android.support.design.widget.TextInputLayout
    android:id="@+id/b"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:counterEnabled="true"
    app:counterMaxLength="50"
    app:hintEnabled="false">

    <android.support.v7.widget.AppCompatEditText
        android:id="@+id/a"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/white"
        android:hint="test"
        android:inputType="text"
        android:maxLength="50"
        android:textSize="12sp" />
</android.support.design.widget.TextInputLayout>

<android.support.design.widget.TextInputLayout

android:id="@+id/b"

android:layout_width="match_parent"

android:layout_height="wrap_content"

app:counterEnabled="true"

app:counterMaxLength="50"

app:hintEnabled="false">

<android.support.v7.widget.AppCompatEditText

android:id="@+id/a"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="@android:color/white"

android:hint="test"

android:inputType="text"

android:maxLength="50"

android:textSize="12sp" />

</android.support.design.widget.TextInputLayout>

・マテリアルデザインにならない
いろんなサイト見てると
下線が引かれてマテリアルデザインになるはず
だけど・・・・なぜか下線が引かれなかった

・ワークアラウンド
android:backgroundを外したら下線が引かれる形になった。
エラー時もandroid:backgroundを書いてあると赤い背景色になる
なので、android:backgroundを当てるとマテリアルっぽくならないので注意

こんなことに2hぐらいどハマりしてましたとさ
続くよ

Pocket

関連記事: