如何创建图像和文本垂直对齐的 material 设计按钮?
How to create material design button with image and text vertically aligned?
使用 Material 设计,我需要创建一个文本和图像垂直对齐的按钮。
<com.google.android.material.button.MaterialButton
android:id="@+id/btn"
style="@style/Widget.MaterialComponents.Button.UnelevatedButton"
android:layout_width="160dp"
android:layout_height="160dp"
android:clickable="true"
android:elevation="4dp"
android:fontFamily="@font/roboto_bold"
android:onClick="myfunction()"
android:text="BUTTON"
android:textColor="@android:color/black"
android:textSize="20dp" />
使用 android:drawableBottom="..."
或 android:drawableTop="..."
垂直对齐文本和图像。
dependencies {
implementation "com.google.android.material:material:1.2.0-alpha01"
}
<com.google.android.material.button.MaterialButton
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:drawableTop="@drawable/ic_android_black_24dp"
android:drawableTint="@color/white"
app:backgroundTint="#429835"
android:layout_marginStart="32dp"
android:layout_marginEnd="32dp"
android:text="Hello world" />
使用 Material 设计,我需要创建一个文本和图像垂直对齐的按钮。
<com.google.android.material.button.MaterialButton
android:id="@+id/btn"
style="@style/Widget.MaterialComponents.Button.UnelevatedButton"
android:layout_width="160dp"
android:layout_height="160dp"
android:clickable="true"
android:elevation="4dp"
android:fontFamily="@font/roboto_bold"
android:onClick="myfunction()"
android:text="BUTTON"
android:textColor="@android:color/black"
android:textSize="20dp" />
使用 android:drawableBottom="..."
或 android:drawableTop="..."
垂直对齐文本和图像。
dependencies {
implementation "com.google.android.material:material:1.2.0-alpha01"
}
<com.google.android.material.button.MaterialButton
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:drawableTop="@drawable/ic_android_black_24dp"
android:drawableTint="@color/white"
app:backgroundTint="#429835"
android:layout_marginStart="32dp"
android:layout_marginEnd="32dp"
android:text="Hello world" />