智能管家---14.利用CircleImageView进行圆形头像选择性裁剪（未完）

野性酷女 2022-05-17 09:09 175阅读 0赞

接下来实现个人中心用户头像设置与裁剪。

*  加入依赖：

implementation 'de.hdodenhof:circleimageview:2.2.0'

*  修改布局文件，将上一节头像的ImageView改为circleimageview，并设置点击事件

*  点击编辑头像后，弹出对话框，选择相机，图库或者取消，这是一个dialog，dialog的布局时三个button

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="bottom" android:orientation="vertical" android:padding="10dp">
    
        <Button android:id="@+id/btn_camera" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/button_bg" android:text="拍照" android:textColor="@android:color/white"/>
    
        <Button android:id="@+id/btn_picture" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="10dp" android:layout_marginTop="10dp" android:background="@drawable/button_bg" android:text="图库" android:textColor="@android:color/white"/>
    
    
        <Button android:id="@+id/btn_cancel" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/button_bg" android:text="取消" android:textColor="@android:color/white"/>
    
    </LinearLayout>

*  接下来是初始化控件  
    ![这里写图片描述][70]  
    ![这里写图片描述][70 1]

对弹出的对话框初始化，添加布局为前面的dialog布局  
\* 接下来是操作相册和相机，分别跳转到相机或相册

定义的返回码：

public static final String PHOTO_IMAGE_FILE_NAME = "fileImg.jpg";
        public static final int CAMERA_REQUEST_CODE = 100;
        public static final int IMAGE_REQUEST_CODE = 101;
        public static final int RESULT_REQUEST_CODE = 102;
        private File tempFile = null;

![这里写图片描述][70 2]  
![这里写图片描述][70 3]

*  接下来是在获得相应码，取得传入的数据，获得图片  
    ![这里写图片描述][70 4]
 *  裁剪图片的方法  
    ![这里写图片描述][70 5]
 *  设置头像  
    ![这里写图片描述][70 6]

不过仍存在问题，就是退出后头像仍然没有改变，还需进一步操作，下次改动。

[70]: /images/20220517/e6a34e3b4639448185939fb67a19a6e2.png
[70 1]: /images/20220517/be8a1300f6d0428c81a770b209ffbebc.png
[70 2]: /images/20220517/2f4f5a0719be40b6b950f52d5a74d79b.png
[70 3]: /images/20220517/2f3f164912bf4a49910800bff3785990.png
[70 4]: /images/20220517/c5360c8897434e93875009ced6cd3235.png
[70 5]: /images/20220517/8f04ff3b2fc14a23b68612a554648fc5.png
[70 6]: /images/20220517/f6f2e8e5d4604e7cb6e5e6ad1aa268ae.png