为什么相同样式的按钮看起来不同
(图像是同一空间中的 ADD、DELETE 、ADD2、DELETE2 按钮,以便于比较。)
当前屏幕是 Main(xml)< /代码> 屏幕。
当我将图像中的 ADD
和 DELETE
按钮移动到 ADD2
和 DELETE2
按钮位置时,两个按钮的>样式
略有不同。
ADD2 和 DELETE2
按钮具有较暗的elevation
,并且按钮的边框
非常透明。
另一方面,对于ADD和DELETE
按钮,elevation
是软的。 按钮的边框更加明显。
我希望 ADD2 和 DELETE2 按钮与 ADD,DELETE 按钮类似。
原因是什么?
按钮样式
<style name="AddDeleteButtonStyle" parent="Widget.MaterialComponents.Button">
<item name="android:layout_width">0dp</item>
<item name="android:layout_weight">1</item>
<item name="android:layout_marginTop">4dp</item>
<item name="android:layout_marginLeft">8dp</item>
<item name="android:layout_marginRight">8dp</item>
<item name="android:padding">8dp</item>
<item name="backgroundTint">@color/white</item>
<item name="android:textColor">@color/black</item>
<item name="iconGravity">textStart</item>
<item name="iconTint">@color/black</item>
<item name="rippleColor">@color/gray_500</item>
<item name="android:includeFontPadding">false</item>
</style>
item_header
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:id="@+id/ll1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="10dp"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent">
<TextView
android:id="@+id/workout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginVertical="12dp"
android:layout_marginHorizontal="18dp"
android:layout_gravity="center"
android:text="TEST"
android:textSize="18dp"
android:textStyle="bold"
android:textColor="@color/black"/>
<View
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_weight="1"/>
</LinearLayout>
<LinearLayout
android:id="@+id/ll2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginHorizontal="12dp"
app:layout_constraintTop_toBottomOf="@+id/ll1">
<View
android:layout_width="match_parent"
android:layout_height="2dp"
android:background="@color/gray_500"/>
<com.google.android.material.button.MaterialButtonToggleGroup
android:id="@+id/toggleButton"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:singleSelection="true"
app:selectionRequired="true"
app:checkedButton="@+id/kg">
<Button
android:id="@+id/kg"
style="@style/Widget.MaterialComponents.Button.OutlinedButton"
android:theme="@style/ToggleUnitStyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="KG" />
<Button
android:id="@+id/lb"
style="@style/Widget.MaterialComponents.Button.OutlinedButton"
android:theme="@style/ToggleUnitStyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="LBS"/>
</com.google.android.material.button.MaterialButtonToggleGroup>
<LinearLayout
android:id="@+id/ll3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintTop_toBottomOf="@+id/ll1">
<com.google.android.material.button.MaterialButton
android:id="@+id/delete"
android:layout_height="wrap_content"
style="@style/AddDeleteButtonStyle"
android:text="delete"
app:icon="@drawable/ic_delete"/>
<com.google.android.material.button.MaterialButton
android:id="@+id/add"
android:layout_height="wrap_content"
style="@style/AddDeleteButtonStyle"
android:text="add"
app:icon="@drawable/ic_add"/>
</LinearLayout>
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
main
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<include
android:id="@+id/header"
layout="@layout/item_routine_header"/>
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/rv"
android:layout_width="match_parent"
android:layout_height="0dp"
android:clipToPadding="false"
android:orientation="vertical"
android:paddingBottom="160dp"
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
app:layout_constraintBottom_toTopOf="@+id/ll3"
app:layout_constraintTop_toBottomOf="@+id/header" />
<LinearLayout
android:id="@+id/ll3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintBottom_toBottomOf="parent"
android:layout_marginBottom="16dp">
<com.google.android.material.button.MaterialButton
android:id="@+id/delete"
android:layout_height="wrap_content"
style="@style/AddDeleteButtonStyle"
android:text="delete2"
app:icon="@drawable/ic_delete"/>
<com.google.android.material.button.MaterialButton
android:id="@+id/add"
android:layout_height="wrap_content"
style="@style/AddDeleteButtonStyle"
android:text="add2"
app:icon="@drawable/ic_add"/>
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
(The image is the ADD,DELETE , ADD2, DELETE2 buttons in the same space for easy comparison.)
The current screen is the Main(xml)
screen.
When I moved the ADD
and DELETE
Buttons in the image to the ADD2
and DELETE2
Button positions, the styles
of the two buttons were slightly different.
The ADD2 and DELETE2
buttons have a darker elevation
, and the button's border
is very transparent.
On the other hand, for the ADD and DELETE
buttons, the elevation
is soft.
The border
of the button is a little more distinct.
I want the ADD2 and DELETE2
buttons to be like the ADD,DELETE
buttons.
What's the reason?
button style
<style name="AddDeleteButtonStyle" parent="Widget.MaterialComponents.Button">
<item name="android:layout_width">0dp</item>
<item name="android:layout_weight">1</item>
<item name="android:layout_marginTop">4dp</item>
<item name="android:layout_marginLeft">8dp</item>
<item name="android:layout_marginRight">8dp</item>
<item name="android:padding">8dp</item>
<item name="backgroundTint">@color/white</item>
<item name="android:textColor">@color/black</item>
<item name="iconGravity">textStart</item>
<item name="iconTint">@color/black</item>
<item name="rippleColor">@color/gray_500</item>
<item name="android:includeFontPadding">false</item>
</style>
item_header
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:id="@+id/ll1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginTop="10dp"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent">
<TextView
android:id="@+id/workout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginVertical="12dp"
android:layout_marginHorizontal="18dp"
android:layout_gravity="center"
android:text="TEST"
android:textSize="18dp"
android:textStyle="bold"
android:textColor="@color/black"/>
<View
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_weight="1"/>
</LinearLayout>
<LinearLayout
android:id="@+id/ll2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginHorizontal="12dp"
app:layout_constraintTop_toBottomOf="@+id/ll1">
<View
android:layout_width="match_parent"
android:layout_height="2dp"
android:background="@color/gray_500"/>
<com.google.android.material.button.MaterialButtonToggleGroup
android:id="@+id/toggleButton"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:singleSelection="true"
app:selectionRequired="true"
app:checkedButton="@+id/kg">
<Button
android:id="@+id/kg"
style="@style/Widget.MaterialComponents.Button.OutlinedButton"
android:theme="@style/ToggleUnitStyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="KG" />
<Button
android:id="@+id/lb"
style="@style/Widget.MaterialComponents.Button.OutlinedButton"
android:theme="@style/ToggleUnitStyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="LBS"/>
</com.google.android.material.button.MaterialButtonToggleGroup>
<LinearLayout
android:id="@+id/ll3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintTop_toBottomOf="@+id/ll1">
<com.google.android.material.button.MaterialButton
android:id="@+id/delete"
android:layout_height="wrap_content"
style="@style/AddDeleteButtonStyle"
android:text="delete"
app:icon="@drawable/ic_delete"/>
<com.google.android.material.button.MaterialButton
android:id="@+id/add"
android:layout_height="wrap_content"
style="@style/AddDeleteButtonStyle"
android:text="add"
app:icon="@drawable/ic_add"/>
</LinearLayout>
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
main
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<include
android:id="@+id/header"
layout="@layout/item_routine_header"/>
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/rv"
android:layout_width="match_parent"
android:layout_height="0dp"
android:clipToPadding="false"
android:orientation="vertical"
android:paddingBottom="160dp"
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
app:layout_constraintBottom_toTopOf="@+id/ll3"
app:layout_constraintTop_toBottomOf="@+id/header" />
<LinearLayout
android:id="@+id/ll3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintBottom_toBottomOf="parent"
android:layout_marginBottom="16dp">
<com.google.android.material.button.MaterialButton
android:id="@+id/delete"
android:layout_height="wrap_content"
style="@style/AddDeleteButtonStyle"
android:text="delete2"
app:icon="@drawable/ic_delete"/>
<com.google.android.material.button.MaterialButton
android:id="@+id/add"
android:layout_height="wrap_content"
style="@style/AddDeleteButtonStyle"
android:text="add2"
app:icon="@drawable/ic_add"/>
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论