如何在像 instagram 这样的圆形图像视图周围设置边框? [英] how to set a border around circle image view like instagram?

问题描述

我想在圆形图像视图周围设置一个圆形边框，例如 instagram 故事，有人可以帮忙吗?这是我的图像视图

i want to set a circle border around circle image view like instagram stories,any one can help? here is my image view

<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 Components Library提供的ShapeableImageView.

You can also use the ShapeableImageView provided by the Material Components Library.

类似:

<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版本.

Note: it requires at least the version 1.2.0-alpha03.

这篇关于如何在像 instagram 这样的圆形图像视图周围设置边框?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！