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

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

  • 加入依赖:
implementation 'de.hdodenhof:circleimageview:2.2.0'
  • 修改布局文件,将上一节头像的ImageView改为circleimageview,并设置点击事件
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:orientation="vertical"
            android:gravity="center"
            android:background="@drawable/user_frgament_bg"
            >

            <de.hdodenhof.circleimageview.CircleImageView
                android:layout_width="96dp"
                android:layout_height="96dp"
                android:src="@drawable/add_pic"
                android:id="@+id/profile_image"
                app:civ_border_width="2dp"
                app:civ_border_color="@color/colorPrimary"/>

            <TextView
                android:layout_width="100dp"
                android:layout_height="30dp"
                android:text="编辑资料"
                android:textSize="16dp"
                android:textColor="#ffffff"
                android:layout_marginTop="10dp"
                android:id="@+id/edit_user"
                android:gravity="center"
                android:background="@drawable/button_bg"
                />
        </LinearLayout>
  • 点击编辑头像后,弹出对话框,选择相机,图库或者取消,这是一个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>
  • 接下来是初始化控件
    这里写图片描述
    这里写图片描述

对弹出的对话框初始化,添加布局为前面的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;

这里写图片描述
这里写图片描述

  • 接下来是在获得相应码,取得传入的数据,获得图片
    这里写图片描述

  • 裁剪图片的方法
    这里写图片描述

  • 设置头像
    这里写图片描述

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值