android圆形图片裁剪view.setOvalview方法的使用

最新推荐文章于 2025-03-07 23:03:14 发布

csdm_admin

最新推荐文章于 2025-03-07 23:03:14 发布

阅读量547

点赞数

分类专栏： Android

本文链接：https://blog.youkuaiyun.com/csdm_admin/article/details/104760281

版权

Android 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了如何在Android中将正方形图片裁剪为圆形，通过在XML布局中设置两个图片控件，并在代码中利用view.setOval方法指定裁剪区域，实现图片的圆形效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

目标: 把一张正方形的图片裁剪成为圆形的图片
1.第一步布局好.xml文件
在RelativeLayout 相对布局中放置两个一样大的图片控件: imageView2覆盖在imageView1上面

<?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:gravity="center"
    tools:context=".MainActivity">

        <ImageView
        	android:id="@+id/imageView1"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="#000000" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="@mipmap/test" />

</RelativeLayout>

2.第二步,在代码中对控件做裁剪,关键代码:

//setOval(left, top, right, bottom);
outline.setOval(0 , 0 , view.getWidth(), view.getHeight());

view,setOval(int left, int top, int right, int bottom);
参数含义; 圆形的左,上,右,下 4个顶点
坐标以需要裁剪的view控件为参考坐标:

public class MainActivity extends AppCompatActivity {
    private Context context;
    private ImageView iv;
    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv = (ImageView) findViewById(R.id.imageView2);
        context = this;


        iv.setOutlineProvider(new ViewOutlineProvider() {
            @Override
            public void getOutline(View view, Outline outline) {
              
                outline.setOval(0 , 0 , view.getWidth(), view.getHeight());
                //  outline.setOval(0 - i, 0 - i, view.getHeight() + i, view.getHeight() + i);
            }
        });
        iv.setClipToOutline(true);
    }

}