Add: Secondary action and info buttons to AppSheet

This commit is contained in:
machiav3lli 2022-04-06 15:03:37 +02:00
parent 9a5741ed3b
commit bc6e02559a
2 changed files with 44 additions and 7 deletions

View File

@ -42,6 +42,7 @@
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginStart="@dimen/text_margin" android:layout_marginStart="@dimen/text_margin"
android:layout_marginEnd="@dimen/shape_margin_medium"
android:layout_weight="1" android:layout_weight="1"
android:orientation="vertical"> android:orientation="vertical">
@ -61,6 +62,12 @@
android:textColor="?android:attr/textColorSecondary" /> android:textColor="?android:attr/textColorSecondary" />
</LinearLayout> </LinearLayout>
<com.google.android.material.button.MaterialButton
android:id="@+id/info"
style="@style/Theme.Button.Elevated.Circular"
android:layout_width="56dp"
android:layout_height="56dp"
app:icon="@drawable/ic_tune" />
</LinearLayout> </LinearLayout>
<LinearLayout <LinearLayout
@ -211,7 +218,7 @@
android:orientation="vertical" android:orientation="vertical"
android:paddingHorizontal="12dp" android:paddingHorizontal="12dp"
android:paddingBottom="4dp" android:paddingBottom="4dp"
app:layout_constraintBottom_toTopOf="@id/action" app:layout_constraintBottom_toTopOf="@id/action_bar"
app:layout_constraintEnd_toEndOf="parent" app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/header_info"> app:layout_constraintTop_toBottomOf="@id/header_info">
@ -231,17 +238,31 @@
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_gravity="center_vertical" /> android:layout_gravity="center_vertical" />
</LinearLayout> </LinearLayout>
<LinearLayout
android:id="@+id/action_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="12dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/status_layout">
<com.google.android.material.button.MaterialButton
android:id="@+id/secondary_action"
style="@style/Theme.Button.Circular"
android:layout_width="56dp"
android:layout_height="56dp"
android:layout_marginEnd="@dimen/shape_margin_medium" />
<com.google.android.material.button.MaterialButton <com.google.android.material.button.MaterialButton
android:id="@+id/action" android:id="@+id/action"
android:layout_width="match_parent" style="@style/Widget.Material3.Button"
android:layout_width="0dp"
android:layout_height="56dp" android:layout_height="56dp"
android:layout_marginHorizontal="12dp" android:layout_weight="1"
app:iconGravity="textStart" app:iconGravity="textStart" />
app:layout_constraintEnd_toEndOf="parent" </LinearLayout>
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/status_layout" />
</androidx.constraintlayout.widget.ConstraintLayout> </androidx.constraintlayout.widget.ConstraintLayout>
</layout> </layout>

View File

@ -176,6 +176,22 @@
<item name="cardCornerRadius">@dimen/shape_large_corner</item> <item name="cardCornerRadius">@dimen/shape_large_corner</item>
</style> </style>
<style name="Theme.Button.Circular" parent="Widget.Material3.Button.Icon">
<item name="iconSize">24dp</item>
<item name="android:padding">12dp</item>
<item name="cardCornerRadius">50dp</item>
<item name="android:insetLeft">4dp</item>
<item name="android:insetRight">4dp</item>
</style>
<style name="Theme.Button.Elevated.Circular" parent="Widget.Material3.Button.ElevatedButton.Icon">
<item name="iconSize">24dp</item>
<item name="android:padding">12dp</item>
<item name="cardCornerRadius">50dp</item>
<item name="android:insetLeft">4dp</item>
<item name="android:insetRight">4dp</item>
</style>
<style name="Shape.Small" parent="ShapeAppearance.Material3.SmallComponent"> <style name="Shape.Small" parent="ShapeAppearance.Material3.SmallComponent">
<item name="cornerSize">@dimen/shape_small_corner</item> <item name="cornerSize">@dimen/shape_small_corner</item>
</style> </style>