html平行四边形按钮,如何绘制平行四边形按钮

希望这很容易。一些谷歌搜索后，我想出了一个解决方案

UIParallelogramButton.h

#import

#import "QuartzCore/QuartzCore.h"

@interface UIParallelogramButton : UIButton

{

CGFloat offset;

}

@property CGFloat offset;

@end

UIParallelogramButton.m

#import "UIParallelogramButton.h"

@implementation UIParallelogramButton

@synthesize offset;

- (id)initWithFrame:(CGRect)frame

{

self = [super initWithFrame:frame];

if (self)

{

offset = 0.0F;

}

return self;

}

- (void)drawRect:(CGRect)rect

{

UIBezierPath* maskPath = [UIBezierPath bezierPath];

[maskPath moveToPoint:CGPointMake(rect.origin.x + offset, rect.origin.y)];

[maskPath addLineToPoint:CGPointMake(rect.size.width + rect.origin.x, rect.origin.y)];

[maskPath addLineToPoint:CGPointMake(rect.origin.x + rect.size.width - offset, rect.origin.y + rect.size.height)];

[maskPath addLineToPoint:CGPointMake(rect.origin.x, rect.origin.y + rect.size.height)];

[maskPath closePath];

CAShapeLayer* maskLayer = [[CAShapeLayer alloc] init];

maskLayer.frame = self.bounds;

maskLayer.path = maskPath.CGPath;

self.layer.mask = maskLayer;

}

@end

html平行四边形按钮,如何绘制平行四边形按钮相关推荐

可以用旋转法绘制平行四边形
很多的数学老师为了使自己的课程更加的生动有趣,往往会在课堂上使用一些辅助教程的软件,比如几何画板.但是这个需要老师能够熟练的掌握和使用这个软件.为了让大家在使用过程中更加的顺畅,我们特地推出了一系列的 ...
基于pygame的射击小游戏制作（五）绘制开始按钮
在本篇文章中,主要学习如何在Pygame中绘制按钮,并点击按钮开始游一.编程思路 1.1 修改游戏活动状态在上篇文章中,我们通过game_active标志来控制游戏的进行与停止.我们需要在点击&q ...
用VC++绘制位图按钮
MFC的CButton类提供Windows按钮控件的功能,从CButton类派生的CBitmapButton类封装了自绘制按钮的功能,使得程序员可以通过在按钮上绘制位图并为这些位图实例化类CBitma ...
adobe illustrator 绘制平行四边形
adobe illustrator 绘制平行四边形 1.倾斜工具 2.手动绘制 3.使用方案1:
CSS绘制平行四边形
方法有三: (1).父元素transform: skewX(-45deg);子元素transform: skewX(45deg); 效果图1: <!DOCTYPE html> <ht ...
MUI、HTML5+、HBuilder实现透明渐变导航栏+自定义按钮（右上角分享按钮）
先上效果图: js代码: mui.plusReady(function() {var ws = plus.webview.currentWebview();ws.setStyle({"tit ...
java怎么给按钮自定义位置_Java按钮的自定义
package s003; import java.awt.*; import javax.swing.*; 重写按钮类 public class RoundButton extends JButto ...
【Qt】Qt 开发桌面程序 ( Qt 版本 5.14.2 | 编辑 Qt 桌面按钮控件 | 修改按钮文本 | 为按钮添加点击事件 | 系统调用 | 去掉系统调用命令窗口 )
文章目录一.添加按钮控件二.修改按钮文本三.为按钮添加点击事件 ( 弹出对话框 ) 四.为按钮添加点击事件 ( 打开记事本 ) 五.为按钮添加点击事件 ( 打开计算器 ) 六.去掉系统调用时弹出 ...
JavaScript点击事件-一个按钮触发另一个按钮
<input type="button" value="Click" id="C" οnclick="Go();" ...
按钮配置之自定义按钮使用（一）——JEPLUS软件快速开发平台
为什么80%的码农都做不了架构师?>>> JEPLUS按钮配置之自定义按钮使用(一) 系统开发过程中无论是表单的默认按钮或是列表的默认按钮以及Action的默认按钮有时候并不能 ...

html平行四边形按钮,如何绘制平行四边形按钮

html平行四边形按钮,如何绘制平行四边形按钮相关推荐

最新文章

热门文章