UIButton中的**EdgeInsets是做什么用的?-阿里云开发者社区

开发者社区> 游贤明> 正文

UIButton中的**EdgeInsets是做什么用的?

简介:
+关注继续查看

UIButton中的**EdgeInsets是做什么用的?

 

UIEdgeInsetsMake

Creates an edge inset for a button or view.
An inset is a margin around the drawing rectangle where each side (left, right, top, and bottom) can have a different value.

给一个button或者view创建一个嵌入的边缘.

inset是一个矩形view页边空白,每一边都可以设定一个不同的值.

 

图片素材: 1@2x.png


- (void)viewDidLoad
{
    [super viewDidLoad];

    UIButton *normalButton = nil;
    UIButton *edgeButton   = nil;
    
    // normalButton
    {
        // 初始化按钮
        normalButton = [[UIButton alloc] initWithFrame:CGRectMake(100, 100, 100, 100)];
        normalButton.backgroundColor = [UIColor blackColor];
        
        // 按钮图片
        [normalButton setImage:[UIImage imageNamed:@"1"] forState:UIControlStateNormal];
    }
    
    // EdgeButton
    {
        // 初始化按钮
        edgeButton = [[UIButton alloc] initWithFrame:CGRectMake(100, 210, 100, 100)];
        edgeButton.backgroundColor = [UIColor blackColor];
        
        // 按钮图片
        [edgeButton setImage:[UIImage imageNamed:@"1"] forState:UIControlStateNormal];
        
        // 设置图片间距
        edgeButton.imageEdgeInsets = UIEdgeInsetsMake(10, 10, 10, 10);
    }
    
    [self.view addSubview:normalButton];
    [self.view addSubview:edgeButton];
}

viewDidLoad

以下是模拟器显示结果:

从结果中可以看到,设置了图片的imageEdgeInsets后,图片显示被缩放了哦.

 

再来测试文本的titleEdgeInsets

- (void)viewDidLoad
{
    [super viewDidLoad];

    UIButton *normalButton = nil;
    UIButton *edgeButton   = nil;
    
    // normalButton
    {
        // 初始化按钮
        normalButton = [[UIButton alloc] initWithFrame:CGRectMake(100, 100, 100, 100)];
        normalButton.backgroundColor = [UIColor blackColor];
        
        [normalButton setTitle:@"Y.X." forState:UIControlStateNormal];
        [normalButton setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
    }
    
    // EdgeButton
    {
        // 初始化按钮
        edgeButton = [[UIButton alloc] initWithFrame:CGRectMake(100, 210, 100, 100)];
        edgeButton.backgroundColor = [UIColor blackColor];
        
        [edgeButton setTitle:@"Y.X." forState:UIControlStateNormal];
        [edgeButton setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
        
        edgeButton.titleEdgeInsets = UIEdgeInsetsMake(60, 60, 0, 0);
    }
    
    [self.view addSubview:normalButton];
    [self.view addSubview:edgeButton];
}

viewDidLoad

以下是运行结果:

文本并没有缩放的说,再试试这么设置:

UIButton还有一个属性叫contentEdgeInsets.

Use this property to resize and reposition the effective drawing rectangle for the button content. The content comprises the button image and button title.

实际上,这个contentEdgeInsets是用来同时设置imageEdgeInsets与titleEdgeInsets的,没什么特别的,就不举例子了:)

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
怎么设置阿里云服务器安全组?阿里云安全组规则详细解说
阿里云服务器安全组设置规则分享,阿里云服务器安全组如何放行端口设置教程
6935 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
4504 0
使用OpenApi弹性释放和设置云服务器ECS释放
云服务器ECS的一个重要特性就是按需创建资源。您可以在业务高峰期按需弹性的自定义规则进行资源创建,在完成业务计算的时候释放资源。本篇将提供几个Tips帮助您更加容易和自动化的完成云服务器的释放和弹性设置。
7772 0
windows server 2008阿里云ECS服务器安全设置
最近我们Sinesafe安全公司在为客户使用阿里云ecs服务器做安全的过程中,发现服务器基础安全性都没有做。为了为站长们提供更加有效的安全基础解决方案,我们Sinesafe将对阿里云服务器win2008 系统进行基础安全部署实战过程! 比较重要的几部分 1.
5466 0
阿里云服务器安全组设置内网互通的方法
虽然0.0.0.0/0使用非常方便,但是发现很多同学使用它来做内网互通,这是有安全风险的,实例有可能会在经典网络被内网IP访问到。下面介绍一下四种安全的内网互联设置方法。 购买前请先:领取阿里云幸运券,有很多优惠,可到下文中领取。
9435 0
腾讯云服务器 设置ngxin + fastdfs +tomcat 开机自启动
在tomcat中新建一个可以启动的 .sh 脚本文件 /usr/local/tomcat7/bin/ export JAVA_HOME=/usr/local/java/jdk7 export PATH=$JAVA_HOME/bin/:$PATH export CLASSPATH=.
2147 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,云吞铺子总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系统盘、创建快照、配置安全组等操作如何登录ECS云服务器控制台? 1、先登录到阿里云ECS服务器控制台 2、点击顶部的“控制台” 3、通过左侧栏,切换到“云服务器ECS”即可,如下图所示 通过ECS控制台的远程连接来登录到云服务器 阿里云ECS云服务器自带远程连接功能,使用该功能可以登录到云服务器,简单且方便,如下图:点击“远程连接”,第一次连接会自动生成6位数字密码,输入密码即可登录到云服务器上。
16851 0
+关注
711
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载