Google Material Design

6435 ワード
android kotlin テキストリンク
Googleが公式に提供しているWeb、Android、IOS、Flutterなど向けのデザインライブラリです.

応用材料設計

  • build.gradle(Module)ファイルに移動します.
  • 下線付きGoogleライブラリを使用.この場合は上のandroidx.appcompat:appcompatと同じバージョンであること.
  • xmlファイルでは、Google公式ドキュメント必要なデザインを参照.
    • このプロジェクトでは、EditTextにマテリアル設計を適用しようとしています.
    <com.google.android.material.textfield.TextInputLayout
	android:layout_width="300dp"
	android:layout_height="wrap_content"
	style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox">

	<EditText
		android:id="@+id/emailEditText"
		android:layout_width="300dp"
		android:layout_height="50dp"
		android:hint="@string/email" />
</com.google.android.material.textfield.TextInputLayout>

<com.google.android.material.textfield.TextInputLayout
	android:layout_width="300dp"
	android:layout_height="wrap_content"
	android:layout_marginBottom="10dp"
	app:endIconMode="password_toggle" 
        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox">

	<EditText
		android:id="@+id/passwordEditText"
		android:layout_width="300dp"
		android:layout_height="50dp"
		android:inputType="textPassword"
		android:hint="@string/password" />

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

    ソース
    [JavaScript 33概念]2.Primitive Type(オリジナルデータ型、オリジナルタイプ)
    SWFIT 3におけるbannerカスタム