首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在iOS 13中将UISegmentedControl的backgroundColor设置为白色

在iOS 13中,UISegmentedControl的默认背景颜色可能不是纯白色,因为系统会对其应用一些默认的样式。如果你想要将UISegmentedControl的背景颜色设置为白色,可以通过以下步骤实现:

基础概念

UISegmentedControl是iOS中的一个UI控件,用于在一组选项中进行选择。它允许用户通过点击不同的段来切换选择。

相关优势

  • 简洁直观:用户可以通过简单的点击来选择不同的选项。
  • 节省空间:相比于多个按钮,UISegmentedControl可以更有效地利用屏幕空间。
  • 自定义性强:可以通过代码或XIB文件进行高度自定义。

类型

UISegmentedControl本身没有多种类型,但可以通过不同的样式和配置来满足不同的需求。

应用场景

  • 导航:在底部导航栏中使用,用于切换不同的视图。
  • 设置:在设置页面中,用于选择不同的选项。
  • 数据筛选:在数据展示页面中,用于筛选不同的数据类型。

解决方案

要将UISegmentedControl的背景颜色设置为白色,可以使用以下代码:

代码语言:txt
复制
import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let segmentedControl = UISegmentedControl(items: ["Option 1", "Option 2", "Option 3"])
        segmentedControl.frame = CGRect(x: 50, y: 100, width: 300, height: 30)
        
        // 设置背景颜色为白色
        segmentedControl.backgroundColor = .white
        
        // 设置选中段的背景颜色
        segmentedControl.selectedSegmentTintColor = .blue
        
        // 设置段的标题颜色
        segmentedControl.setTitleTextAttributes([NSAttributedString.Key.foregroundColor: UIColor.black], for: .normal)
        segmentedControl.setTitleTextAttributes([NSAttributedString.Key.foregroundColor: UIColor.white], for: .selected)
        
        view.addSubview(segmentedControl)
    }
}

解释

  1. 创建UISegmentedControl:通过UISegmentedControl(items:)方法创建一个带有选项的UISegmentedControl
  2. 设置背景颜色:使用backgroundColor属性将背景颜色设置为白色。
  3. 设置选中段的背景颜色:使用selectedSegmentTintColor属性设置选中段的背景颜色。
  4. 设置段的标题颜色:使用setTitleTextAttributes(_:for:)方法设置段的标题颜色。

参考链接

通过以上步骤,你可以成功地将UISegmentedControl的背景颜色设置为白色,并根据需要进行其他自定义设置。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

何在Linux Vim 中将缩进宽度设置 2 或 4 个空格?

Vim 是几十年来最流行基于终端文本编辑器之一。但无论你使用 Vim 多久,总会有更多你不知道技巧和窍门。这是关于在 Vim 中将缩进宽度设置 2 个空格或 4 个空格。...设置自动缩进假设您正在编写一行代码并且下一行代码需要缩进,您按 Enter 键转到下一行,但不会自动应用缩进。要自动缩进行,将以下行添加到您 'vimrc'。...使用空格进行缩进如果你想使用空格来缩进你代码,将以下行添加到你 '.vimrc' 文件中。...我还建议您对tabstop和使用相同值shiftwidth。使用不同值可能会弄乱您缩进。...结论以上所有内容都适用于新文件,要在 Vim 中将当前打开文件中制表符转换为空格,请按 Esc 键进入 Normal 模式。

6.5K00

iOS 知识小集(Status Bar变换)

iOS 7以前 在iOS 7之前,状态栏是不占视图位置。每个控制器中根view都是从屏幕Y轴20px处开始显示。...iOS 7以前状态栏设置 从API来看,那时候也是支持在代码里修改状态栏样式以及显示和隐藏。只是因为状态栏对整个APP影响不大,所以一般在plist里设置好后,用不着再去修改了。 ?...用UIApplicationAPI ** 首先,需要在plist文件里将【View controller-based status bar appearance】设置NO,因为它默认值是YES,...例如,我想要在这个界面时状态栏白色,状态栏不隐藏,那么我只用重写-preferredStatusBarStyle,like this: - (UIStatusBarStyle)preferredStatusBarStyle...; // 颜色必须clearColor,否则会盖住状态栏区域 self.statusWindow.backgroundColor = [UIColor clearColor];

1.3K21
  • IOS 开发】基本 UI 控件详解 (UISegmentedControl | UIImageView | UIProgressView | UISlider | UIAlertView )

    (4) Segments 属性 Segments 属性 :  -- 作用 : 控制分成几段; -- 展示效果 :  (5) Segment 属性 Segment 属性 :  -- 作用 : 不同分段设置对应...: 不同 分段 Segment 设置图片; (8) Behavior 属性 Behavior 属性 :  -- Enable 复选框 : 用于设置 Segment 是否可用; -- Selected...使用 UISegmentedControl 改变背景颜色 (1) 设置 UISegmentedControl 属性 UISegmentedControl 属性 :  -- 属性截图 :  (2) 设置...白色 风格; -- White : 白色风格; -- Gray : 灰色风格; (2) Color 属性 Color 属性 :  -- 作用 : 设置进度条颜色, 设置该属性会覆盖之前选中风格中颜色...; -- UIActionSheetStyleBlackTranselucent : 透明黑色背景上显示白色文字; -- UIActionSheetBlackOpaque : 纯黑背景上显示白色文字;

    2.9K40

    iOS15适配

    适配以iOS15 beta6和xcode13 beta5环境基础 UINavigationBar 用新xcode13编译工程后,导航栏问题比较明显,调试之后发现是UINavigationBar部分属性设置在...= UIColor.theme // 默认不透明 navigationBar.isTranslucent = false // 着色,让返回按钮图片渲染白色 navigationBar.tintColor...,呈现是白色,字体颜色也没有生效,呈现黑色,查看导航栏特性API:UINavigationBarAppearance后发现,iOS15navigationBar相关属性设置要通过实例UINavigationBarAppearance...来实现,UINavigationBarAppearance是iOS13更新API,应该有人已经在用,我们应用兼容iOS10以上,对于导航栏设置还没有使用UINavigationBarAppearance...,所以我们要将他设置0,否则当我们列表设置了section高度列表会出现head高度增加情况,适配方式: ...... if #available(iOS 15, *) { tableView.sectionHeaderTopPadding

    2.3K30

    在React Native中构建启动屏

    在这个教程中,我们将演示如何在React Native中构建一个启动屏幕。我们将指导你如何使用 react-native-splash-screen iOS和Android应用构建出色欢迎界面。...大多数有经验设计师可以从零开始两种设备创建所需启动画面分辨率。 然而,有许多可用第三方工具可以帮助你Android和iOS创建启动屏幕。...将图片名称设置“splash”,打开 assets 文件夹,导航到 iOS 文件夹。...将内容模式设置“aspect fit”,如下所示: 更改iOS启动屏幕颜色 你可能会问下一个问题是“我如何在 React Native 中更改启动屏幕背景颜色?”...为了在 iOS启动屏幕强制使用一致背景,滚动到背景设置位置并从下拉菜单中选择 Custom。在弹出窗口中,选择启动屏幕期望颜色。

    51710

    iOS之分段控制器UISegmentedControl1. 分段控制器(UISegmentedControl)2. 事件监听3. 手势事件大全

    分段控制器(UISegmentedControl) 作用:同一时刻只能选中一个标签 基本使用:创建、设置选中、将其放在Navigation标题上 //创建 UISegmentedControl *segmentControl...手势事件大全 iOS官方了20中手势,可以用来监听。...UIControlEventPrimaryActionTriggered NS_ENUM_AVAILABLE_IOS(9_0) = 1 << 13, // semantic action: for buttons...__TVOS_PROHIBITED; 2.4 UISegmentedControl常见属性 属性名称 作用 BOOL momentary 点击之后是否恢复原样 numberOfSegments(只读...) 总选项数 selectedSegmentIndex 用来设置或者获取选中项 2.5 设置分段控制器宽度 因为分段控制器有很多段,方便起见,可以循环赋值。

    1.3K20

    最新:iOS 13 适配

    颜色适配 iOS 13 之前 UIColor 只能表示一种颜色,从 iOS 13 开始 UIColor 是一个动态颜色,它可以在 LightMode 和 DarkMode 拥有不同颜色。...iOS 13 下 UIColor 增加了很多动态颜色,我们来看下用系统提供颜色能实现怎么样效果。...= UIColor.placeholderText 怎么样,看起来和 iOS 13 之前设置一个颜色方法一样吧,用这种动态颜色,系统直接替我们完成了适配工作,是不是很方便呢。...当我们设置一个 controller dark 之后,这个 controller 下 view,都会是 dark mode,但是后续 present controller 仍然是跟随系统样式...如何在模式切换时打印日志 在 Arguments 中 Arguments Passed On Launch 里面添加下面这行命令。

    3.2K50

    iOS UISegmentedControl控件详解

    这时候就需要用到UISegmentedControl控件了,这个控件用处就是进行分段控制,实现样式如下: 当选中一个分段时候,其颜色填充,其余分段未选中状态,可以很清晰明了地告知用户当前在哪个分段内容下...segmentedControlStyle属性在iOS 7.0之后将不再起作用 // 设置点击后恢复原样,默认为NO,点击后一直保持选中状态 self.segmentedControl.momentary...,有几个注意地方特别提一下: UISegmentedControl风格在iOS 7.0之后就不能设置了,相应属性也进行了说明,即使设置了也是无效。...其实UISegmentedControl样式时一个整体圆角矩形,两边并不是像图中那样没有左右两边,但是我觉得四个圆角不太好看,所以用了一个小技巧,将其起始x坐标设为了-5,将其宽度设为了屏幕宽度...+10,这样左右圆角就隐藏起来了,看上去觉得要美观一些,我尝试过用layer来将角度调整0,不起作用。

    1.8K10

    暗黑模式在 Trip.com App 实践

    一、背景 在 2019 年,随着 iOS 13 与 Android Q 推出,Apple 和 Google 同时推出主打功能暗黑模式,分别为 Dark Mode(iOS)/Dark Theme(Android...在前期预研中,我们发现 66% iOS 13 用户选择打开Dark Theme,可见用户对暗黑模式喜爱和期待。 那么 Dark Theme 能带来哪些好处呢?...,避免亮眼白色带来刺激感; 提升品牌形象,及时跟进系统新特性,在享受新特性带来美好之外还能获得Apple Store和Google Play推荐位机会,提升整体品牌形象; 弱视以及对强光敏感用户提高可视性...3.1 iOS 我们 iOS 13 以上用户提供了两种主题模式选择: 自适应模式:跟随系统展示 Light/Dark 主题 强制 Light 模式:App 保持 Light 主题,不随系统主题变化... alpha 空,则不拼接 hex 色值。最后将对应 hex 色值字符串返回。 5)图片适配 我们使用 lazy getters 解决 Light/Dark 图片展示问题。

    1.9K20

    JavaScript事件与例子(三)

    两个例子,好友选中效果和左侧右侧子菜单 一、好友选中效果 可以通过设置属性方式判断当前是否被选中,也可以通过获取当前元素颜色从而得知当前元素状态是否被选中,从而进行操作 1.通过设置属性方式判断选中元素...l[i].style.backgroundColor="blue"; 47 } 48 //当前元素ys属性值1,颜色红 49 b.setAttribute...60 } 61 //获取当前元素ys属性值0,则颜色变为绿 62 if(a.getAttribute("ys")=="0"){ 63...此方法原本作为对上面方法优化,可以直接判断现在颜色如果是白色,则变为绿色,该方法漏洞在于,当前没有颜色可以获取 63 如果使用该方法,应当在元素中内联颜色 64...}e*/ 67 } 68 } 69 //鼠标单击事件,鼠标单击首先将所有元素设置初始白色,然后当前颜色设为蓝色 70 function dianJi(y){ 71

    67960

    『React Navigation 3x系列教程』createMaterialTopTabNavigator开发指南

    TabNavigatorConfig(可选):配置导航器路由(:默认首屏,navigationOptions,paths等)样式(,转场模式mode、头部模式等)。...path(可选):用来设置支持schema跳转时使用,具体使用会在下文有关Schema章节中讲到; navigationOptions(可选):用以配置全局屏幕导航选项:title、headerRight...当 false 时,所有的 Tab 页都将直接被渲染;(可以轻松实现多Tab 页面的懒加载); optimizationsEnabled -是否将 Tab 页嵌套在到 中。...tabStyle: 设置单个tab样式; indicatorStyle: 设置 indicator(tab下面的那条线)样式; labelStyle: 设置TabBar标签样式; iconStyle...TabNavigator时候; 初始化传参:如何在设置页面的时候传递参数呢?

    12.7K20
    领券