UIButton 的全面解析 建议收藏，用到的时候来这里一查就都明白了 //初始化Button 不用alloca init 的方法 用便利构造器初始化 UIButton *button = [UIButton...前景图片必须是镂空图，或者是线条勾勒的图片 [button setImage:[UIImage imageNamed:@"7.png"] forState:UIControlStateNormal]; //设置阴影颜色...UIControlState)state 例：[button setTitleColor:[UIColor blueColor] forState:UIControlStateNormal]; 设置button某个状态阴影的标题颜色...- (nullable UIColor *)titleColorForState:(UIControlState)state; 返回button 某个状态下的阴影标题颜色 - (nullable UIColor...@property(nonatomic,readonly,strong) UIColor *currentTitleColor; 获取按钮当前阴影标题颜色 @property(nullable,
这个曲率值默认只影响背景颜色而不影响背景图片或者子图层。可以用过下面的示例看一下。...通过上面的示例可以发现： 只设置cornerRadius时，默认情况下，只影响背景颜色，而不影响背景图片或者子图层。 如果想要截取这个视图的图片和子视图，需要设置masksToBounds为YES。...而且绘制边框会显示在最上层。 阴影 shadow 阴影属性 控制图层阴影的属性会比前面的边框多一些。...shadowColor属性控制着阴影的颜色，和borderColor一样，它的类型也是CGColorRef，阴影默认是黑色的。...因为计算阴影是一个很耗资源的步骤，尤其有多个子图层的时候。如果我们指定阴影的形状的话，可以指定阴影的样子来节省计算阴影的资源开销。
Swift-Button的常用 func setButton() { // 创建一个类型为contactAdd的按钮 let button:UIButton = UIButton(type...:.contactAdd) // 设置按钮的位置和大小 button.frame = CGRect(x:10, y:150, width:100, height:30)...for: UIControlState.normal) button.setTitleColor(UIColor.blue, for: .highlighted) // 设置按钮阴影颜色...// label.isHighlighted = true //设置文本高亮颜色 // label.highlightedTextColor = UIColor.green...NSForegroundColorAttributeName, value: UIColor.blue, range: NSMakeRange(0, 3)) //设置文字背景颜色
设置字体所在区域背景颜色，取值为 UIColor对象，默认值为nil, 透明色 NSLigatureAttributeName 设置连体属性，取值为NSNumber...，不是字体颜色，取值为 UIColor 对象 NSShadowAttributeName 设置阴影属性，取值为 NSShadow 对象 NSTextEffectAttributeName...背景颜色 NSStrikethroughStyleAttributeName 删除线格式 NSUnderlineStyleAttributeName 下划线格式 NSStrokeColorAttributeName...删除线颜色 NSStrokeWidthAttributeName 删除线宽度 NSShadowAttributeName 阴影 2.一些方法: @interface NSMutableAttributedString...:(NSString *)name value:(id)value range:(NSRange)range; 为某一范围内文字添加多个属性 - (void)addAttributes:(NSDictionary
接下来，简单介绍一个我在实际开发中抽取出来的工具类 - MNKit MNButton 业务开发中，UIButton控件应该算最常用的控件之一了，而且它的属性设置还贼麻烦，很多个都是要用 [ set...的常见创建方式，设置按钮的标题、字体大小、颜色、背景色、点击事件、添加到父控件等等，基本上每个属性都是要通过[ ] 设置，最麻烦的是经常要通过forState:UIControlStateXXX设置状态...控件如果登场率如果不能排在第一，那么比它更常见的非UILabel莫属了，和UIButton一样，UILabel很常见，又经常有许多属性需要设置 - 字体大小、颜色、内容等等 //快速设置内容，文字颜色，...，设置完默认的主题(文本颜色、背景色、显隐动画。。。)...之后，一行代码即可调用 默认主题设置： //基础设置 && 多少秒后隐藏 + (void)setSVDuration:(CGFloat)time{ //设置标题颜色 [SVProgressHUD
:" 方法 : UIButton 不同状态 设置不同的标题; -- "setTittleColor : forState :" 方法 : UIButton 不同状态设置不同的标题颜色; -- "setTittleShadowColor...: forState :" 方法 : UIButton 不同状态 设置 不同的按钮中文本的阴影设置颜色; -- "setBackgroundImage : forState :" 方法 : UIButton...; Shadow Color 属性 : 控制文本阴影的颜色; (6) Image 属性 Image 属性 : 为按钮设置图片, 设置后该按钮会成为图片按钮, 之前设置的 Tittle 属性作废; (7...) Background 属性 Background 属性 : 用于为按钮设置背景图片; -- 文本图片共存 : 该属性可以设置 文本 和 图片 共同作为按钮背景, 比使用 Image 属性设置图片...红色, 设置 阴影颜色 蓝色; -- HighLighted 状态 : 设置 文本颜色 粉色, 阴影颜色蓝色; -- Selected 状态 : 设置文本颜色 粉色, 阴影颜色 蓝色; (5)
说明： 这里为了展现UITextField的文本框关联键盘的设置，这里把“密码”和“确定密码”的关联键盘都设置为数字键盘，实际应用中密码一般都允许为数字或字母。 实现了键盘收回操作。...UIKeyboardTypeASCIICapable, } UIKeyboardType; //每输入一个字符就变成点 用语密码输入 text.secureTextEntry = YES; //设置输入框的背景颜色...//设置输入框内容的字体样式和大小 text.font = [UIFont fontWithName:@"Arial" size:20.0f]; //设置字体颜色 text.textColor =...，这类操作也非常普遍和重要。...这里是将method的方法指定给新建的这个confirmButton [self.view addSubview:confirmButton]; 若要设置UIButton的背景图片时：
1、CALayer 1)、在ios中，能看得见摸得着的东西基本上都是UIView， 比如按钮、文本标签、文本输入框、图标等，这些都是UIView 2)、UIView之所以能显示在屏幕上，完全是因为它内部的一个图层...UIView本身不具备显示的功能，是它内部的层才有显示功能 5)、通过CALayer对象，可以很方便的调整UIView的一些外观属性，比如：阴影、圆角大小、边框宽度和颜色。。。...，还可以给图层添加动画，来实现一些比较炫酷的效果 6)、CALayer属性： @property CGRect bounds; //宽度和高度 @property CGPoint position...CGPoint anchorPoint; //锚点（x、y的范围都是0->1），决定了position的含义 @property CGColorRef backgroundColor; //背景颜色...conerRadius; //圆角半径 @property id contents; //内容（比如设置图片CGImageRef) @property CGColorRef shadowColor; //阴影颜色
: 清除该控件所覆盖的区域, 勾选该选项后 IOS 会清除该控件覆盖的区域, 然后绘制该控件, 会降低性能; -- Clip Subviews : 是否裁剪子控件, 当该控件包含多个子控件, 并且这些子控件超出了父类容器...: 在 Text 属性下面有一个文本框, 在这个文本框中输入要显示的文本内容; (2) Color 属性 Color 属性 : 控制 UILabel 中的文本颜色; (3) Font 属性 Font...属性的 Highlighted 属性勾选; (10) Shadow 属性 Shadow 属性 : -- 作用 : 为文本设置阴影颜色; (11) Shadow Offset 属性 Shadow Offset...属性 : -- 作用 : 控制阴影文本与正常文本之间的偏移量, -- Horizontal : 属性值 >0 向右偏移, < 0 向左偏移; -- Vertical : 属性值 >0 向下偏移,...label"; // 设置背景颜色 label.backgroundColor = [UIColor grayColor]; // 将 UILabel 添加到 rootView
：使用图片来绘制边框 box-shadow 设置元素阴影，设置属性如下： 水平阴影 垂直阴影 模糊距离(虚实) 阴影尺寸(影子大小) 阴影颜色 内/外阴影 其中水平阴影和垂直阴影是必须设置的 背景 新增了几个关于背景的属性...可向文本应用阴影。...能够规定水平阴影、垂直阴影、模糊距离，以及阴影的颜色 text-decoration CSS3里面开始支持对文字的更深层次的渲染，具体有三个属性可供设置： text-fill-color: 设置文字内部填充颜色...怎么实现单行、多行文本溢出隐藏？...：使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在该元素的周围。
imageNamed:@"Background"] forBarMetrics:UIBarMetricsDefault]; 复制代码 状态栏字体颜色和隐藏 在iOS7之前 [[UIApplication...//设置透明的背景图，便于识别底部线条有没有被隐藏 [navigationBar setBackgroundImage:[[UIImage alloc] init] forBarPosition:UIBarPositionAny...self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"nav"] forBarMetrics:UIBarMetricsDefault]; 复制代码 在导航栏上添加多个按钮...//方法二 UIButton* leftButton = [UIButton buttonWithType:UIButtonTypeSystem]; leftButton.backgroundColor...，隐藏之后依然可以使用push和pop方法。
也就是说，该元素虽然被隐藏了，但仍然会影响布局。...CSS 支持多种效果，包括：颜色、背景、边框、字体、阴影、渐变、过渡、动画等。 透明 在 CSS 中，透明度是指元素后面的背景被覆盖的程度。透明度可以使用 opacity 属性来设置。...在 CSS 中，text-shadow 属性用于为文本添加阴影。...阴影可以是模糊的或清晰的，可以是任何颜色。...渐变可以应用于元素的背景、边框、文本等。 线性渐变（linear gradient）：从一个位置开始，向另一个位置进行过渡。
overflow: hidden; /* 隐藏超出部分 */ text-overflow: ellipsis; /* 添加省略号来指示隐藏的文本 */ } HTML: 文本上添加阴影效果，可以使用它来增强文本的可读性和吸引力。...box-shadow 属性可以在元素上添加阴影效果，可以使用它来增强元素的立体感和吸引力。...阴影的偏移值(x-offset y-offset)可以正值或负值，正值为阴影在元素的下方右方，负值为阴影在元素的上方左方。阴影的模糊半径和阴影的颜色也可以根据需要调整。...它可以使用一系列的混合模式来定义背景的外观，如添加颜色、阴影、高光等。 您可以使用 background-blend-mode 属性制作令人惊叹的背景。
UIButton控件是应用界面中常用的一个控件，用法总结： 一、初始化 UIButton的初始化一般使用其类方法，+ (id)buttonWithType:(UIButtonType)buttonType...设置是否显示手指印在按钮高亮的时候 @property(nonatomic,retain) UIColor *tintColor NS_AVAILABLE_IOS(5_0); //这个属性会作用于标题和图片... - (void)setTitleColor:(UIColor *)color forState:(UIControlState)state; //设置标题颜色和显示当前颜色的按钮状态 - (void...)setTitleShadowColor:(UIColor *)color forState:(UIControlState)state; //设置标题阴影颜色及显示时的状态 - (void)setImage...： 1、设置图片，如果有标题会和标题并列显示 2、设置背景图片会出现在标题下面 3、图片的偏移量可以设置，背景图片不可以。
2、存在一些特殊效果，正常流程无法完成，必须使用离屏渲染，比如圆角、阴影和遮罩、高斯模糊、半透明图层混合等正常的渲染流程采用油画算法由远及近的渲染图层，当一个图层显示到屏幕上后，帧缓冲区会立即删除这一图层的数据...和 UIImageView为例： //1.按钮存在背景图片 UIButton *btn1 = [UIButton buttonWithType:UIButtonTypeCustom];...因为 bt2 只设置了一个背景颜色，只有一个背景图层，直接将这一层渲染到屏幕上就可以了，不需要开辟离屏缓冲区。...而 bt1 设置了一个背景图片，会有一个背景图层和内容图层，所以需要离屏渲染（如果去掉图片，设置title，则title长度超出时，会离屏渲染，title未超出则不会触发）。...在 3 和 4中， img1 设置了 图片 + 背景颜色，会有两个图层则产生离屏渲染， img2 只设置背景，没有图片，则不会离屏渲染。
该属性在一段文本上应用多个属性。如果不指定该属性，则默认为 NSParagraphStyle 的defaultParagraphStyle 方法返回的默认段落属性。...该属性用于指定一段文本的字体颜色。如果不指定该属性，则默认为黑色。...该属性用于指定一段文本的背景颜色。如果不指定该属性，则默认无背景色。...0 表示横排文本。1 表示竖排文本。在 iOS 中，总是使用横排文本，0 以外的值都未定义。...additional setup after loading the view. 14 [self.view setBackgroundColor:[UIColor whiteColor]]; //设置背景颜色
这个组件当ruote改变的时候会重新渲染； configureScene function 可选的方法，你可以通过它配置页面切换的动画和手势。...NavigatorIOS 属性 对于NavigatorIOS而言，主要有以下属性： 属性 说明 barTintColor 导航条的背景颜色 itemWrapperStyle 导航器中的组件的默认属性。...一个常见的用途是设置所有页面的背景颜色 navigationBarHidden 布尔值，决定导航栏是否隐藏 shadowHidden 布尔值，决定是否要隐藏1像素的阴影 tintColor 导航栏上按钮的颜色...不指定此属性时，手势会根据 navigationBar 的显隐情况决定是否启用（显示时启用手势，隐藏时禁用手势），指定此属性后，手势与 navigationBar 的显隐情况无关 NavigatorIOS...View> ); } }); var styles = StyleSheet.create({ container: { // 背景颜色
: Label 标签 是文本显示标签, 只能单纯的显示文本, 不能进行操作; 如果在 storyboard 界面修改文本标签, 该标签会自动缩放到刚好包裹文本的大小; 依次拖入两个 Label, 然后双击控件..., 将 Label 重命名为 + 和 = ; 3.拖入 Label 控件 并设置 属性 : 上面通过双击直接在界面修改控件文本控件会缩小; 解决这个问题需要在 控件 属性中进行设置, 将 Label...; ---- ( 4 ) 设置颜色 及 随机颜色值 设置颜色 及 随机 颜色值 : 1.添加按钮 ( 功能 修改父控件背景变颜色 ) : ① 获取父控件 : 根据 按钮 点击方法传入的 按钮控件...; 代码为 superView.backgroundColor = [UIColor blueColor]; ; 上述代码将父控件背景颜色修改为 蓝色; 2.添加按钮 ( 功能 修改父控件 随机 背景变颜色...) : ① 添加UIButton控件 : 添加一个 UIButton 控件, 修改标题为 “修改随机颜色” 从控件到 UIViewController.m 中拖线, 点击方传入 Sender , 参数如下设置
它本身内容的宽度 容纳文本或则其他行内元素 行内块元素 一行放多个行内块元素 可以设置宽度和高度 它本身内容的宽度 ---- CSS背景(background) 「1....CSS 继承性」 -概念： 子标签会继承父标签的某些样式，如文本颜色和字号。 想要设置一个可继承的属性，只需将它应用于父元素即可。 -注意： 恰当地使用继承可以简化代码，降低CSS样式的复杂性。...offset-y 阴影的垂直偏移量。正数向下偏移，负数向上偏移。 blur 可选。阴影模糊距离，不能取负数。 spread 可选。阴影大小 color 可选。阴影的颜色 inset 可选。...表示添加内阴影，默认为外阴影 div { width: 200px; height: 200px; border: 10px solid red; /* box-shadow:...5px 5px 3px 4px rgba(0, 0, 0, .4); */ /* box-shadow:水平位置 垂直位置 模糊距离 阴影尺寸（影子大小） 阴影颜色 内/外阴影； */
CSS提供了多种工具和属性，使我们能够创建视觉上引人注目的效果。今天我们继续将深入了解几种高级CSS效果：盒子阴影、滤镜、混合模式和文本背景裁剪，提升网页设计的质感和深度。...盒子阴影是CSS中一个非常实用的视觉效果，它可以为元素添加阴影，增强其立体感和层次感。我们可以使用box-shadow属性来实现这个效果。...当两个元素重叠时，这种效果会影响每个像素的最终显示颜色，即这些像素的颜色将根据其原始颜色和下层元素颜色的混合结果来呈现。对于经常使用Photoshop 等图形软件的朋友来说，混合模式应该比较熟悉。...综合练习 题 1：创造一个具有多个阴影、滤镜和混合模式的复杂元素 要求： 创建一个div元素，具有多个盒子阴影、滤镜和混合模式效果。 使用盒子阴影创建一个有层次感的效果。...将背景裁剪到文本中，使文本显示背景渐变。 应用多个滤镜效果（如模糊、亮度调整），使标题更具视觉冲击力。 示例代码： <!
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
