如何适应圆形图像查看?

时间:2017-02-04 20:25:32

标签: android android-imageview

我在我的应用中使用圆形image_View,但是当image_View图像的选择图像不适合image_View时

此image_View:(xml)

<ImageView
        android:id="@+id/user_profile_pic"
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:layout_below="@+id/user_cover_pic"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="-60dp"
        android:background="@drawable/circular_border"
        android:elevation="6dp"
        android:scaleType="centerCrop"
        android:padding="10dp"
        android:src="@drawable/ghasem"
        tools:ignore="ContentDescription,UnusedAttribute" />

这个圆形边界:

<

?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="100dp" />
    <solid android:color="#fff" />
    <stroke
        android:width="3dip"
        android:color="@color/colorAccent" />
    <padding
        android:bottom="4dp"
        android:left="4dp"
        android:right="4dp"
        android:top="4dp" />
</shape>

enter image description here

2 个答案:

答案 0 :(得分:6)

如果您使用的是Android工作室,请添加此依赖项

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"/>

这会对你有所帮助

答案 1 :(得分:1)

更新了相关性

compile&#39; de.hdodenhof:circleimageview:2.1.0&#39;

边框颜色白色使用此颜色并根据需要设置宽度

应用程式:border_color =&#34; @色/白色&#34;

应用程式:BORDER_WIDTH =&#34; 1DP&#34;

<de.hdodenhof.circleimageview.CircleImageView
     android:id="@+id/user_profile_image"
     android:layout_width="95dp"
     android:layout_height="95dp"
     android:layout_gravity="center"
     android:src="@mipmap/avatar_male"
     app:border_color="@color/white"
     app:border_width="1dp"
    />

enter image description here