如何在像 instagram 这样的圆形图像视图周围设置边框?
how to set a border around circle image view like instagram?
我想像 Instagram 故事一样在圆形图像视图周围设置一个圆形边框,有人可以帮忙吗?
这是我的图片视图
<de.hdodenhof.circleimageview.CircleImageView
android:id="@+id/profile_image"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_marginStart="10dp"
android:layout_marginTop="8dp"
android:src="@drawable/profile1"
app:civ_border_color="#DBDBDB"
app:civ_border_width="1dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
您还可以使用 Material 组件库提供的 ShapeableImageView
。
类似于:
<com.google.android.material.imageview.ShapeableImageView
app:shapeAppearanceOverlay="@style/circularImageView"
app:srcCompat="@drawable/...."
app:strokeColor="@color/....."
app:strokeWidth="1dp"
...
/>
与:
<style name="circularImageView">
<item name="cornerFamily">rounded</item>
<item name="cornerSize">50%</item>
</style>
注意: 至少需要版本 1.2.0-alpha03
.
我想像 Instagram 故事一样在圆形图像视图周围设置一个圆形边框,有人可以帮忙吗? 这是我的图片视图
<de.hdodenhof.circleimageview.CircleImageView
android:id="@+id/profile_image"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_marginStart="10dp"
android:layout_marginTop="8dp"
android:src="@drawable/profile1"
app:civ_border_color="#DBDBDB"
app:civ_border_width="1dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
您还可以使用 Material 组件库提供的 ShapeableImageView
。
类似于:
<com.google.android.material.imageview.ShapeableImageView
app:shapeAppearanceOverlay="@style/circularImageView"
app:srcCompat="@drawable/...."
app:strokeColor="@color/....."
app:strokeWidth="1dp"
...
/>
与:
<style name="circularImageView">
<item name="cornerFamily">rounded</item>
<item name="cornerSize">50%</item>
</style>
注意: 至少需要版本 1.2.0-alpha03
.