android圆角正方形裁剪view.setOvalview方法的使用

最新推荐文章于 2025-08-26 10:26:29 发布

原创最新推荐文章于 2025-08-26 10:26:29 发布 · 768 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Android

本文介绍了如何在Android中创建圆角正方形视图，通过关键代码展示了利用setOutlineProvider和setClipToOutline方法进行裁剪，使视图呈现圆角效果，并给出了运行结果以及裁剪前后的图片对比。

目标: 圆角正方形
在这里插入图片描述
1.布局

<?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/imageView2"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="@mipmap/test" />

</RelativeLayout>

2.代码

关键代码:
int i = dip2px(context, 10);
outline.setOval(0 - i, 0 - i, view.getHeight() + i, view.getHeight() + i);

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) {
                int i = dip2px(context, 10);
                 outline.setOval(0 - i, 0 - i, view.getHeight() + i, view.getHeight() + i);
               // outline.setOval(0 , 0 , view.getWidth(), view.getHeight());
            }
        });
        iv.setClipToOutline(true);
    }
    
    private int dip2px(Context context, float dipValue) {
        Resources r = context.getResources();
        return (int) TypedValue.applyDimension(
                TypedValue.COMPLEX_UNIT_DIP, dipValue, r.getDisplayMetrics());
    }

}