美文网首页
Xcode 设置按钮的边框颜色

Xcode 设置按钮的边框颜色

作者: Kingsleeeey | 来源:发表于2017-02-27 10:39 被阅读0次

首先,说一下如何在xib中设置Button的边框及圆角效果:
选中要设置的Button,


SetBtnColor.jpeg

切换到图中对应位置,点击加号添加属性。
设置圆角:Key Path:layer.borderWidth Type:Number Value:1
设置边框宽度:Key Path:layer.cornerRadius Type:Number Value:3
如果要设置边框的颜色:Key Path:layer.borderColor Type:Color Value值默认,此时边框颜色为黑色,若要改变Value的值,则边框消失

注意:在设置属性的时候,千万不要写错,我开始的时候是复制过来的,多了一个空格,结果就无法显示设置的效果

下面介绍如何设置边框颜色:
要想设置任意的边框颜色,首先要对CALayer添加category,然后在category中添加一个方法
具体步骤如下:

1.创建category

command+N创建新文件,选择iOS→Source→Objective-C File,然后File Type选择Category,Class选择CALayer,File为自定义文件名

2.在.m文件中添加方法

创建好文件后,在.m文件新增方法

- (void)setBorderColorWithUIColor:(UIColor *)color
{
    self.borderColor = color.CGColor;
}

此时会报错,需要导入头文件#import <UIKit/UIKit.h>

3.在xib中添加属性

在xib中设置边框颜色,添加属性Key Path:layer.borderColorWithUIColor Type:Color 此时Value可以任意选择

再次提醒:填写Key Path的时候一定要填写正确,即使多一个空格也不会显示对应的效果

接下来介绍代码方式:(直接上代码)

[box.actionButton.layer setMasksToBounds:YES];  
[box.actionButton.layer setCornerRadius:10.0]; //设置矩形四个圆角半径  
//边框宽度  
[box.actionButton.layer setBorderWidth:1.0];  
//设置边框颜色有两种方法:第一种如下:  
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();  
CGColorRef colorref = CGColorCreate(colorSpace,(CGFloat[]){ 0, 0, 0, 1 });  
[box.actionButton.layer setBorderColor:colorref];//边框颜色  
//第二种方法如下:  
//button.layer.borderColor=[UIColor grayColor].CGColor;  

相关文章

  • Xcode 设置按钮的边框颜色

    首先,说一下如何在xib中设置Button的边框及圆角效果:选中要设置的Button, 切换到图中对应位置,点击加...

  • SwiftUI 设置边框、透明度、阴影

    前言 1、设置边框 1.1 设置边框颜色 默认为1的边框 解释 1.2 设置边框颜色、宽度 设置边框颜色、宽度 2...

  • swift UIButton用法详解

    创建 设置背景颜色 设置圆角边框 设置不同按钮状态显示 设置按钮状态不可用 设置文本字体 设置文本图标 修改图标文...

  • UITextField输入框部分常用属性

    //设置输入框占位字符的颜色 设置text右侧清除按钮 设置text的边框样式(圆角) 设置text左侧图片 设置...

  • xib中设置按钮的边框颜色

    首先,说一下如何在xib中设置Button的边框及圆角效果: 选中要设置的Button, 切换到图中对应位置,点击...

  • 一个像素的边框

    在一个像素边框的创建时,要先设置边框颜色再设置边框宽度 如果先设置宽度再设置颜色,则会显示一个点的边框。 titl...

  • 8.边框相关属性

    设置边框宽度 border: 3px; 设置边框风格 border-style: solid; 设置边框颜色 bo...

  • C#button边框颜色设置

    如下图设置:通过FlatStyle属性设置边框的样式通过FlatAppearance设置边框的颜色

  • CSS盒子模型

    边框:环绕在标签周围的边条 设置边框一:-连写格式:同时设置4条边框{border:边框宽度 边框样式 边框颜色;...

  • CALayer

    1. 获取View的CALayer 设置边框宽度 设置边框颜色 设置圆角 设置内容 Question: 这样设置完...

网友评论

      本文标题:Xcode 设置按钮的边框颜色

      本文链接:https://www.haomeiwen.com/subject/juqzwttx.html