ImageView带有圆角,边框和阴影背后的一切?

时间:2017-10-04 04:04:35

标签: android

我设法实现了一个带有阴影的圆角home_works,但我没有达到边框。有办法吗?

my resultwanted result

  • 编辑:我的应用需要支持api 19。

ImageView的代码:

imageView

以及<FrameLayout android:id="@+id/image_view_container" android:layout_centerVertical="true" android:layout_toRightOf="@+id/coupon_item_index_text_view" android:background="@android:drawable/dialog_holo_light_frame" android:rotation="-7" android:layout_height="70dp" android:layout_width="90dp"> <ImageView android:adjustViewBounds="true" android:scaleType="centerCrop" android:id="@+id/coupon_item_image_view" android:background="@drawable/rounded_border_corners" android:src="@drawable/pizza" android:layout_height="match_parent" android:layout_width="match_parent" /> </FrameLayout> 的代码:

@drawable/rounded_border_corners

使用<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:shape="rectangle"> <corners android:radius="8dp" /> <stroke android:width="1dp" android:color="@color/white" /> <solid android:color="#00000000" /> </shape> 作为@ nilesh-rathod建议使用this进行一些调整。似乎仍然缺少阴影。代码:

CardView

1 个答案:

答案 0 :(得分:1)

尝试使用android.support.v7.widget.CardView

FrameLayout内容

编译cardview dependencies

compile 'com.android.support:cardview-v7:26.0.0'

使用下面的代码

 <android.support.v7.widget.CardView
    android:id="@+id/image_view_container"
    android:layout_width="90dp"
    android:layout_height="70dp"
    android:layout_centerVertical="true"
    android:rotation="-7">

    <ImageView
        android:adjustViewBounds="true"
        android:scaleType="centerCrop"
        android:id="@+id/coupon_item_image_view"
        android:src="@drawable/bg"
        android:layout_height="match_parent"
        android:layout_width="match_parent" />

</android.support.v7.widget.CardView>

尝试这也使用 CircleImageView

dependencies {

compile 'de.hdodenhof:circleimageview:2.1.0'
 }

使用这种方式

<de.hdodenhof.circleimageview.CircleImageView
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/profile_image"
    android:layout_width="96dp"
    android:layout_height="96dp"
    android:src="@drawable/profile"
    app:civ_border_width="2dp"
    app:civ_border_color="#FF000000"/>