【问题标题】:background image not showing of Card View背景图片不显示卡片视图
【发布时间】:2020-09-24 15:12:06
【问题描述】:

我尝试在相对布局中创建一个小圆形视图。但是当我在卡片视图中设置图像(.jpg)时,图像没有显示。

                <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1">
                <androidx.cardview.widget.CardView
                    android:id="@+id/View"
                    android:layout_width="25dp"
                    android:layout_height="25dp"
                    android:background="@drawable/background"
                    app:cardCornerRadius="20dp"
                    android:layout_margin="2dp"
                    android:elevation="2dp"
                    android:layout_centerInParent="true">
                </androidx.cardview.widget.CardView>
            </RelativeLayout>

我希望您可以在下图中看到。

【问题讨论】:

    标签: android xml android-layout styles android-cardview


    【解决方案1】:

    我假设你想创建一个包含 imageview 的圆形视图。因此,首先,使用 ImageView 而不是 CardView 本身设置您的图像。

    <androidx.cardview.widget.CardView
          android:id="@+id/View"
          android:layout_width="25dp"
          android:layout_height="25dp"
          app:cardCornerRadius="12.5dp"
          android:layout_margin="2dp"
          android:elevation="2dp"
          android:layout_centerInParent="true">
    
          <ImageView
            android:id="@+id/imageView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"
            android:src="@drawable/background"/>
    
     </androidx.cardview.widget.CardView>
    

    通常,您的 imageview 图像会与您的 cardview 重叠,因此为避免这种情况,只需在您的活动中以编程方式将您的 imageview clipToOutline 设置为 true。

    imageView.clipToOutline = true
    

    【讨论】:

    • 我可以在图像视图上设置半径吗?我只想像其他视图一样创建正确的标记视图..
    • 无需在图像视图上设置半径,因为您已经在父卡片视图 @AkashAttal 中提供了半径
    • @AkashAttal 另外,将cardview角半径设置为高度的一半以实现圆角视图
    • 我更新了我的问题。现在可以很好理解了。我希望...
    • @AkashAttal 你试过我的答案了吗?
    猜你喜欢
    • 2020-11-21
    • 2020-09-11
    • 1970-01-01
    相关资源
    最近更新 更多