【问题标题】:Can't add elevation and radius to my cardview无法将海拔和半径添加到我的卡片视图
【发布时间】:2021-02-26 15:41:14
【问题描述】:

这是我的 UI 设计: UI Design

这是我的 xml 代码:

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:padding="40dp"
        android:layout_marginTop="32dp">

        <GridLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:columnOrderPreserved="false"
            android:alignmentMode="alignMargins"
            android:rowCount="2"
            android:columnCount="2"
            >

            <androidx.cardview.widget.CardView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_columnWeight="1"
                android:layout_rowWeight="1"
                android:layout_margin="12dp"
                app:cardCornerRadius="20dp" <--- :"(
                app:cardElevation="20dp" <--- :"(
                >

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_gravity="center"
                    android:clipToPadding="false"
                    android:padding="16dp"
                    android:orientation="vertical"
                    android:background="@drawable/rounded_square">

                    <ImageView
                        android:layout_width="80dp"
                        android:layout_height="80dp"
                        android:layout_gravity="center"
                        android:src="@drawable/dashPlaceholder"
                        />
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="10dp"
                        android:textSize="8pt"
                        android:text="@string/findBengkel"/>
                </LinearLayout>

            </androidx.cardview.widget.CardView>

            ...


        </GridLayout>


    </LinearLayout>

结果如下: result

【问题讨论】:

  • 您可以使用 materialCardView 代替 androidx.cardview.widget.CardView 。实现“com.google.android.material:material:1.2.1”。只需更改您的 CardView

标签: android cardview radius elevation


【解决方案1】:
<androidx.cardview.widget.CardView
                    android:id="@+id/card_view_DailyTicket"
                    android:layout_width="150dp"
                    android:layout_height="150dp"
                    android:backgroundTint="@color/grey"
                    app:cardCornerRadius="10dp"
                    app:cardElevation="0dp">

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:gravity="center"
                        android:orientation="vertical">

                        <ImageView
                            android:layout_width="80dp"
                            android:layout_height="80dp"
                            android:src="@drawable/ic_baseline_directions_car_24" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="Hourly Tickets"
                            android:textColor="@color/purple_700"
                            android:textStyle="bold" />

                    </LinearLayout>

                </androidx.cardview.widget.CardView>

试试这个。从我目前的项目。它的小菜一碟。运行良好。希望对您有所帮助

【讨论】:

  • 拐角半径确实有效,但相关性不起作用,但感谢您尝试帮助我:)
  • 祝兄弟好运
  • @AbdulSalam 尝试相同的答案并将高程设置为 4dp。
  • 答案将海拔设置为 0,您可以将其更改为任何您想要的。为卡片设置背景和高度
【解决方案2】:
app:cardCornerRadius="20dp"
app:cardElevation="0dp"

并且还使用任何颜色的 backgroundTint 来确认它是否工作。我编辑了你的卡片,它成功了!

最重要的是很好地管理您的网格布局宽度和高度,否则您会遇到困难。

【讨论】:

  • 我尝试将其更改为:app:cardCornerRadius="20dp" app:cardElevation="0dp"
  • @AbdulSalam 寻找我的另一个答案。希望这会有所帮助
猜你喜欢
  • 1970-01-01
  • 2020-04-01
  • 2020-04-30
  • 1970-01-01
  • 2019-12-31
  • 1970-01-01
  • 2021-12-23
  • 2018-09-24
  • 1970-01-01
相关资源
最近更新 更多