平行四边形的效果实现

最新推荐文章于 2024-08-09 04:23:29 发布

whuthm

最新推荐文章于 2024-08-09 04:23:29 发布

阅读量6.3k

点赞数

分类专栏： android launcher

本文链接：https://blog.csdn.net/whuthm/article/details/43637723

版权

本文介绍了两种在Android中实现平行四边形效果的方法：一是通过Path和Canvas绘制；二是利用ShapeDrawable结合ImageView的drawable进行渲染。详细讲述了布局文件和代码实现过程。

摘要由CSDN通过智能技术生成

要实现的效果图如下：

实现此效果的第一思路是使用Path 和canvas实现，path来规定平行四边形。

实现如下

布局文件

<RelativeLayout 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" >

    <com.whuthm.imageshape.TestView
        android:layout_width="250dp"
        android:layout_height="150dp"
        android:layout_centerInParent="true"/>

</RelativeLayout>

TestView类实现

package com.whuthm.imageshape;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Path;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.widget.ImageView;

public class TestView extends ImageView {

	public TestView(Context context) {
		this(context, null);
	}

	public TestView(Context context, AttributeSet attrs) {
		this(context, attrs, 0);
	}

	public TestView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
	}

	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		int width = getWidth();
		int height = getHeight();

		Drawable d = getResources().getDrawable(R.drawable.image1);
		d.setBounds(0, 0, width, height);

		canvas.save();
		//一个平行四边形
		Path path = new Path();
		path.moveTo(100, 0);
		path.lineTo(0, height);
		path.lineTo(width - 100, height);
		path.lineTo(width, 0);
		canvas.clipPath(path);
		//将图像画在canvas上
		d.draw(canvas);
		canva