XIB(Story Board)设置颜色与视觉稿的差别

最新推荐文章于 2022-08-03 15:24:47 发布
最新推荐文章于 2022-08-03 15:24:47 发布
阅读量587 收藏
点赞数
分类专栏： 适配 文章标签： UI RGB XIB StoryBoard
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/qq_18683985/article/details/103948052
版权

大多数人可能都使用过XIB去做UI开发,但是我想提出的是XIB上设置颜色可能和视觉稿是有些区别的.

拿默认创建的工程来举例把,一般我们在下面这个地方来设置背景色
在这里插入图片描述
如果默认的颜色不太满意呢.我们可能在下面的列表里头选择
在这里插入图片描述

一般来说,要么是WhiteColor要么是ClearColor,亦或是BlackColor.当这三者都不满足的情况下,我们可能点击Custom...然后选择一个颜色

不知道大家住没注意过下面这张图

在这里插入图片描述
虽说这个RGB看起来是没错的,然而点开那个小齿轮就会发现视觉的和默认的并不是一个设定,下面是默认的.

在这里插入图片描述

这里是视觉标准的:
在这里插入图片描述
不过好在代码设置的是没这个问题的.

MeteoriteMan
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
xib或者storyboard设置颜色偏问题(与代码设置颜色不一致)
weixin_30414155的博客
07-02 269
选中xib中的label，在右边栏的第三个标签页中第三项是User Defined Runtime Attributes 添加一个keyPath，keyPath值为layer.borderWidth，类型为NSNumber，值为你想要设置的边框宽度。如图： 第二个是设置边框的颜色，为了兼容CALayer的KVC，你得给CALayer增加一个分类: @implement...
Xib和storyboard对比
ahao214——Dreamspace
12-11 581
共同点： 都用来描述软件界面 都用Interface Builder工具来编辑 不同点： Xib是轻量级的，用来描述局部的UI界面 storyboard是重量级的，用来描述整个软件的多个界面，并且能展示多个界面之间的跳转关系
如何在Xib中设置Button的属性（圆角以及背景颜色）
fantexi的专栏
04-22 3433
大家可能比较习惯用代码设置Button的属性，圆角、背景图片、背景颜色什么的都比较容易设置，可是如果在xib中创建的Button，又该如何来改变呢，今天我就遇到了这个问题。将解决的办法分享给大家： 1.设置圆角 直接在xib文件所对应的类的.m文件中重写- (void)drawRect:(CGRect)rect方法： - (void)drawRect:(CGRect)rect{ [su
storyBoard设置textField的placeholder文字的背景颜色
萌萌哒博客
04-08 780
同样的在第三个按钮下边 添加属性：_placeholderLabel.textColor 选项为：color 定义颜色即可。
iOS 统一修改xib中控件颜色（亲测真实有效）
年轻就做四件事：挣钱存钱、见世面、交朋友、学本事。
03-21 5507
原理：使用mac终端进行批量文件内容替换！步骤一：找到自己需要替换的颜色，和自己想要替换成什么颜色。如下图根据RGB计算出大致的R值为：42/255约等于0.164705. 步骤二：选中xib文件，右键“Open with External Editor”,将xib以文档格式打开。步骤三：将我们之前计算的0.164705使用 Command+F 进行搜索如下图所示，将其中颜色部分复制下来。步骤四：...
IOS xib布局小技巧-边框设置
08-31
通过这个属性，我们可以方便地在XIB中设置边框颜色。以下是一个简单的示例： ```objc // CALayer+XibConfiguration.h #import @interface CALayer (XibConfiguration) @property (nonatomic, assign) UIColor *...
IOS Xib控件拖拽与页面跳转实例
08-28
通过Xib，开发者可以直观地布局控件、设置属性，并与代码进行连接，提高开发效率。 1. **控件与代码的关联（IBOutlet）** 要将UI控件如UILabel、UITextField与代码关联，可以通过以下步骤操作： - 选择需要关联的...
StoryBoard与xib互相调用
10-13
本文将深入探讨如何在项目中实现StoryBoard与xib之间的互相调用，以及StoryBoard之间的直接调用。 首先，让我们了解什么是StoryBoard和xib。StoryBoard是一个连续的界面设计工具，它可以用来连接多个屏幕并定义应用...
Storyboard与xib跳转
10-14
在xib中，你可以手动添加控件，配置约束，以及设置视图控制器的属性。要实现xib之间的跳转，你需要在代码中进行手动管理，例如： ```swift let storyboard = UIStoryboard(name: "YourStoryboardName", bundle: nil...
xib中button的自定义constrants设置教程
12-14
一般情况下，为了设置方便，按钮的高都是固定的，即使是在xib中也是如此，但是有的时候，会用到其他的设置，像按钮的高也是不固定，或者xib中4个并行的按钮，不等宽，要求显示到模拟器上的时候也是如此，就是等比例...
IOS开发入门：在Storyboard中为UITableView中的static cells设置选中背景色selectedBackgroundColor
轻微的专栏
05-11 1754
在storyboard中为UITableView中的static cells设置选中后的背景色
LaunchScreen.storyboard 颜色设置
竹毛言己
08-03 713
> LaunchScreen.storyboard 上给默认的view添加背景色值时，发现设置的rgb颜色和在项目代码中设置的颜色存在明显的区别。
一键修改工程中xib/Storyboard中的颜色
gcs的博客
10-24 923
git地址 :https://github.com/winterwd/OneKeyChangeXIBColor 可以直接下载用(注意路径中不要有中文),感兴趣就看看文章 . 2018.9.2 这个改色的小工具，本来是我自己在工作中，碰到的需要解决的问题，就做了一个这样的小工具，当时仅限满足自己的需求，但是最近有简友留言，提出有bug，还提出了一些改进的意见(多谢@灯塔的焰火)，本是...
2021 - 50周（Xib颜色设置偏差问题）
Michael_wlb2021的博客
12-30 545
Xib设置控件颜色与色值有偏差的问题
swift4.2 xib设置边框颜色
m0_37665119的博客
04-08 509
swift4.2 xib设置边框颜色 import UIKit extension CALayer { var borderUIColor: UIColor { get { return UIColor(cgColor: self.borderColor!) } set { self.borderColor = newValue.cgColor } } }
iOS_XIB绘制边框颜色
翱翔的魁魁
10-25 440
1、打开xib文件，选择需要添加边框的视图控件，效果如图所示 2、点击上图“+”号，添加属性 // 圆角 layer.masksToBounds layer.cornerRadius // 边框 layer.borderWidth layer.borderColorFromUIColor 3、添加完这些你会发现边框颜色并没有显示，还需要添加一些关于CALayer的延展文件，代码如下： @int...
iOS色彩空间——xib和代码设置颜色的偏差问题
u011344883的专栏
01-22 7583
通过Xib设置样式如下： 通过代码设置如下： NSInteger hexValue = 0x1ba9ba; self.testView.backgroundColor = [UIColor colorWithRed:((float)((hexValue & 0xFF0000) >> 16)) / 255.0
代码设置与xib上控件一致的颜色
我要金箍棒and you
08-24 2008
在程序运行过程中，有时候需要将控件中的某一个颜色改变成和xib上所设置的一致，需要以下操作： 点击 other 出现： 点击左上角五个小图标中的第二个，设置为 RGB Sliders, 再点击设置图标，选择 Generic RGB 然后根据图中所示的RGB设置，注意: 用colorWithRed的方法会有偏差，暂时没有搞清楚，望万能的网友点拨。
关于纯代码开发和使用storyboard以及xib的优劣分析
testsust的专栏
07-20 6828
昨天被问到纯代码开发和使用storyboard以及xib的优劣，说了句习惯问题，被强烈的鄙视了。反过来想想，确实，一直以来认为这三者的区别是在于习惯问题，晚上没有好好的入睡，翻阅了资料，回顾了一些积累，觉得不是这么简单的一句习惯。 1.各自优势 code：可以很好的进行代码版本控制，追踪相关的代码比较容易，多人开发时时一把利器，在编写代码阶段会快捷很多。 代码复用性强，比如可以定义一个vie
uilabel 在xib中怎么设置自动换行
最新发布
04-25
您好！关于您的问题，如果您在xib文件中使用UILabel，可以通过以下步骤来设置自动换行： 1. 右键点击UILabel控件，从弹出菜单中选择“Attributes inspector”，进入属性面板。 2. 在属性面板中，找到“Line Breaks”一栏，点击“Word Wrap”，即可开启自动换行。 3. 如果您还想设置UILabel的行数，可以在“Lines”一栏中选择对应的行数。 希望能够解答您的问题，如果您还有其他问题，可以随时向我提问哦！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值