为什么相同样式的按钮看起来不同

发布于 2025-01-15 04:18:55 字数 7027 浏览 1 评论 0原文

输入图片描述在这里

(图像是同一空间中的 ADD、DELETE 、ADD2、DELETE2 按钮,以便于比较。)

当前屏幕是 Main(xml)< /代码> 屏幕。

当我将图像中的 ADDDELETE 按钮移动到 ADD2DELETE2 按钮位置时,两个按钮的>样式略有不同。

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>

ma​​in


<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>

enter image description here

(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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文