Android Studio 应用圆形个人资料图片

Question

早上好，

我正在尝试对我的应用程序做的最新事情是使个人资料图像显示为圆形。它目前处于“匹配父级”形式并填满整个屏幕，我想显示一个 whatsapp 类型的圆形图像。这样做的最佳方法是什么？

这是我当前的 xml：

`<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.nalexanderdev.runcommunity.activities.ProfileActivity">

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:text="Profile"
    android:id="@+id/textView3"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:textStyle="bold"
    android:gravity="center" />

<EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:inputType="textPersonName"
    android:ems="10"
    android:id="@+id/nameField"
    android:hint="Name"
    android:layout_above="@+id/emailField"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true" />

<EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:inputType="textEmailAddress"
    android:ems="10"
    android:id="@+id/emailField"
    android:hint="Email@mail.com"
    android:layout_above="@+id/cancelBtn"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true" />

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Cancel"
    android:id="@+id/cancelBtn"
    android:layout_alignParentBottom="true"
    android:layout_alignParentStart="true" />

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Update"
    android:id="@+id/updateBtn"
    android:layout_alignParentBottom="true"
    android:layout_alignEnd="@+id/emailField" />

<Button
    android:id="@+id/selectImage"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/textView3"
    android:layout_centerHorizontal="true"
    android:text="Select Image From Gallery" />

<ImageView
    android:id="@+id/imageView2"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_below="@+id/selectImage"
    android:layout_centerHorizontal="true"
    app:srcCompat="@color/common_google_signin_btn_text_light_disabled" />
</RelativeLayout>`

Answer 1

将您的 ImageView 替换为 CircleImageView。

 <de.hdodenhof.circleimageview.CircleImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_below="@+id/selectImage"
            app:srcCompat="@color/common_google_signin_btn_text_light_disabled" 
            android:id="@+id/imageView2" 
            app:civ_border_color="@color/colorPrimary"
            app:civ_border_width="1dp
              />

并将 compile 'de.hdodenhof:circleimageview:2.1.0' 添加到您的 gradle 依赖项中。