Android MaterialComponents の TextInputEditText の style を指定すると InflateException が発生する
- 2022年03月13日
- Android
- Android, MaterialCompoments, Xamairn
Android の MaterialComponents のテキスト入力欄である TextInputEditText を使う場合です。
静的に生成する場合は簡単で xml ファイルで定義するだけです。このとき TextInputLayout の中に TextInputEditText を入れ子にします。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<com.google.android.material.textfield.TextInputLayout android:id="@+id/text_input_layout1" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_margin="10dp" android:hint="@string/label" style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"> <com.google.android.material.textfield.TextInputEditText android:id="@+id/edit_text1" android:layout_width="match_parent" android:layout_height="wrap_content" /> </com.google.android.material.textfield.TextInputLayout> |
スタイル
TextInputEditText は通常のスタイルの他に、FilledBix と OutlinedBox というものがあります。
この外観の変更は TextInputLayout に style を適用するだけで実現可能です。
エラーの内容
しかし実行すると以下のエラーが出てしまうことがあります。
|
1 2 |
Android.Views.InflateException Message=Binary XML file line #2 in jp.example.app:layout/activity_main: Error inflating class com.google.android.material.textfield.TextInputLayout |
解決方法
アプリ全体のテーマが MaterialComponents のものを継承する必要があります。
これまでアプリ全体のテーマを
|
1 2 3 |
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> |
としいた箇所を
|
1 2 3 |
<style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar"> |
のようにする必要があります。
動的に OutlinedBox を生成する場合はさらに注意が必要なのですが別の記事で紹介したいと思います。
関連記事
Chrome 72 にアップデートした Android の WebView.loadData で # 以降の文字が表示されない現象 Android の WebView.loadData で HTML を表示させる処理で、突然 […]
[Xamarin] “Android System.InvalidOperationException: 属性が重複しています” のビルドエラーが出るVisual Studio 2019 で、ある Xamarin.Android プロジェクトを久しぶ […]
Xamarin.Android で TextView に HTML を設定する HtmlCompat の使い方Android の TextView には HTML で装飾付きのテキストを指定できます。 これを […]
