前后图片对比控件使用

QQ视频20240219002329

在build.gradle中添加依赖:

implementation 'com.github.pavel163:BifacialView:1.4.1'

 在布局文件中:

      <com.ebr163.bifacialview.view.BifacialView
                    android:id="@+id/bv_before_after"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"

                    android:layout_centerInParent="true"
                    app:arrowColor="@color/colorWhite"
                    app:arrowCornerRadius="2dp"
                    app:arrowFill="true"
                    app:arrowHeight="12dp"
                    app:arrowMargin="3dp"
                    app:arrowStrokeWidth="2dp"
                    app:arrowVisibility="true"
                    app:arrowWidth="8dp"
                    app:delimiterPadding="10dp"
                    app:delimiterWidth="1dp"

                    app:drawableLeft="@mipmap/home_3de_defaultcover"
                    app:drawableRight="@mipmap/home_3de_defaultcover" />

home_3de_defaultcover 是随便搞个默认图片,drawableLeft是左边的图片,drawableRight是右边的。

代码中更新图片:

1、加载网络图片:


    //异步任务把前一张网络图片转成drawable资源
    private class DownloadImageTask extends AsyncTask<String, Void, Drawable>
    {

        protected Drawable doInBackground(String... urls) {
            return loadImageFromNetwork(urls[0],"beforeImageWYCN.jpg");
        }

        protected void onPostExecute(Drawable result) {
            bv_before_after.setDrawableLeft(result);
        }
    }


    //异步任务把后一张网络图片转成drawable资源
    private class DownloadImageTaskAfter extends AsyncTask<String, Void, Drawable>
    {

        protected Drawable doInBackground(String... urls) {
            return loadImageFromNetwork(urls[0],"afterImageWYCN.jpg");
        }

        protected void onPostExecute(Drawable result) {
            bv_before_after.setDrawableRight(result);
        }
    }


//调用方法:
new DownloadImageTaskAfter().execute(afterImage) ;
new DownloadImageTask().execute(beforeImage) ;

2、加载本地bitmap:

BitmapDrawable bd=new BitmapDrawable(bmBefore);
                               bv_before_after.setDrawableLeft(bd);
                               BitmapDrawable bdAfter=new BitmapDrawable(bmAfter);
                               bv_before_after.setDrawableRight(bdAfter);

  用到的控件的github项目地址:GitHub - pavel163/BifacialView

  • 7
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值