当前位置: 首页 > 编程笔记 >

IOS设置UIView的边框为圆角详解及实例

詹斌蔚
2023-03-14
本文向大家介绍IOS设置UIView的边框为圆角详解及实例,包括了IOS设置UIView的边框为圆角详解及实例的使用技巧和注意事项,需要的朋友参考一下

IOS设置UIView的边框为圆角

 iOS 系统自带的 View 组件都是正方形的,看起来都太生硬,有时候我需要变成圆角形式,如下图:


    具体的实现是使用QuartzCore库,下面我具体的描述一下实现过程:

    •    首先创建一个项目,名字叫:ipad_webwiew
    •    利用Interface Builder添加一个UIWebView,然后和相应的代码相关联
    •    添加QuartzCore.framework

    代码实现:

头文件:

#import <UIKit/UIKit.h>
 
#import <QuartzCore/QuartzCore.h>
 
 
@interface ipad_webwiewViewController : UIViewController 
{
  
IBOutlet UIWebView *myWebView;
 
UIView *myView;

 
}
 
@property (nonatomic,retain) UIWebView *myWebView;
 
@end 

代码实现: 

 - (void)viewDidLoad 
{
  
 [super viewDidLoad];
 
 //给图层添加背景图片:
  
 //myView.layer.contents = (id)[UIImage imageNamed:@"view_BG.png"].CGImage;
  
//将图层的边框设置为圆脚
 
myWebView.layer.cornerRadius = 8;
 
myWebView.layer.masksToBounds = YES; 
//给图层添加一个有色边框
  
 myWebView.layer.borderWidth = 5;
  
myWebView.layer.borderColor = [[UIColor colorWithRed:0.52 green:0.09 blue:0.07 alpha:1] CGColor];
 
} 

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

 类似资料:
  • 下面的屏幕截图显示了对1的测试。我想使矩形外的组件的角完全透明 但是,当父面板上有红色背景(或任何非标准颜色)时,您可以看到这种方法的缺点。拐角默认为默认面板颜色(最容易在中看到)。 最终,我希望它能用于父容器中的非标准颜色,但它的部分灵感来自于我需要做什么才能用渐变绘制复制此组件? 有人知道如何让这些角落透明吗? 而是为JTextArea的内部填充设计的,带有背景图像(

  • 在Web页面上,圆角效果是美化页面的常用手法之一,圆角给页面添加曲线之美,让页面不那么生硬。但是,为了设计圆角,设计师常常需要花费很多的时间和精力。 在CSS3中,专门针对圆角效果增加了一个 border-radius属性,通过该属性,便可以轻松实现圆角效果,设计师不必再为圆角而伤透脑筋。 border-radius属性的值为边框的圆角半径,可以使用任意合法的CSS长度值,如em、pt、px、百分

  • 本文向大家介绍iOS设置可选择圆角方向的控件圆角,包括了iOS设置可选择圆角方向的控件圆角的使用技巧和注意事项,需要的朋友参考一下 前言 这篇文章主要给大家介绍利用iOS如何设置可选择圆角方向的控件圆角,话不多说,以下是实现的示例代码,一起来看看吧。 示例代码 一、通过设置控件layer的cornerRadius来设置圆角 二、通过贝塞尔曲线来设置圆角 总结 以上就是这篇文章的全部内容了,希望本文

  • 本文向大家介绍flutter Container容器实现圆角边框,包括了flutter Container容器实现圆角边框的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了flutter Container容器实现圆角边框的具体代码,供大家参考,具体内容如下 在这里使用 Container 容器来实现圆角矩形边框效果 1 圆角矩形边框 2 圆角矩形边框 3 可点击的圆角矩形边框 使用

  • 问题内容: 以下屏幕截图显示了的测试。我想使矩形外部的组件的角完全透明并显示其下方的任何组件。我找到了一种方法,可以通过在实例上设置a (代表圆角之外的区域)并调用来将标签的BG颜色限制在“边界内” 。可以在中看到Label 1。 但是,当父面板上有红色BG(或任何非标准颜色)时,你会看到此方法的缺点。角默认为默认面板颜色(最容易在中看到)。 最终,我希望它能在父容器中用于非标准颜色,但是它的部分

  • 语法 border-radius属性用来给元素添加圆角边框。和border类似,border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性。 默认值: 0 继承性: no 版本: CSS3 JavaScript 语法: object.style.borderRadius="5px" border-radius语法如下: border-radius: 1-4