Android5.0新特性 之 "视图裁剪"ViewOutlineProvider

本文介绍如何使用ViewOutlineProvider实现视图裁剪功能,通过自定义轮廓提供者并结合示例代码,展示如何将任意视图裁剪为圆形。

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

视图裁剪能让你轻松地改变视图的形状。你可以为了一致性而使用其他的设计元素裁剪视图或者为了响应用户的输入改变视图的形状。

ViewOutlineProvider(轮廓提供者的使用步骤)

1. 自定义轮廓提供者,并重写getOutline方法来提取轮廓;

2. 通过view.setClipToOutline(true)方法来开启组件的裁剪功能;

3. 通过view.setOutlineProvider(new MyViewOutlineProvider() 方法设置自定义的轮廓提供者来完成裁剪。


下面是一个小Demo来说明如何使用ViewOutlineProvider。

//activity_main.xml 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.czj.androidl_viewoutlineproviderdemo.MainActivity">

    <Button
        android:text="裁剪"
        android:onClick="btnClick"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

    <ImageView
        android:id="@+id/iv"
        android:scaleType="centerCrop"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:src="@mipmap/p1"
        />
</LinearLayout>

	
//MainActivity.java
	
package com.czj.androidl_viewoutlineproviderdemo;

import android.graphics.Outline;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.ViewOutlineProvider;
import android.widget.Button;
import android.widget.ImageView;

/**
 * 轮廓提供者的使用步骤
 * 1. 自定义轮廓提供者,并且重写getOutline方法来提取轮廓
 * 2. 通过view.setClipToOutline(true)方法开启组建的裁剪功能
 * 3. 通过.setOutlineProvider(new MyViewOutlineProvider())方法设置自定义的轮廓提供者完成裁剪
 *
 */
public class MainActivity extends AppCompatActivity {

    private ImageView imageView;
    private Button btn;

    //1. 自定义一个轮廓提供者
    private ViewOutlineProvider viewOutlineProvider = new ViewOutlineProvider() {
        @Override
        public void getOutline(View view, Outline outline) {
            //裁剪成一个圆形
            outline.setOval(0,0,view.getWidth(),view.getHeight());
        }
    };


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imageView = (ImageView) findViewById(R.id.iv);
        imageView.setOutlineProvider(viewOutlineProvider);//把自定义的轮廓提供者设置给imageView
    }

    public void btnClick(View view){
        if (imageView.getClipToOutline()){
            imageView.setClipToOutline(false);//关闭裁剪
        }else{
            imageView.setClipToOutline(true);//开启裁剪
        }


    }
}

	效果:
	1. 在未点击Button按钮之前(未裁剪)的运行效果图如下所示:
	

	2. 在点击按钮进行裁剪之后的效果图如下:
	

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值