这时候就需要用到UISegmentedControl控件了,这个控件的用处就是进行分段控制,实现的样式如下: 当选中一个分段的时候,其颜色填充,其余分段为未选中状态,可以很清晰明了地告知用户当前在哪个分段内容下...", @"已下架"]]; self.segmentedControl.frame = CGRectMake(-5, 50, SCREENWIDTH+10, 30); // 设置整体的色调...selectItem:) forControlEvents:UIControlEventValueChanged];// 添加响应方法 // 设置样式的segmentedControlStyle属性在iOS...的风格在iOS 7.0之后就不能设置了,相应的属性也进行了说明,即使设置了也是无效。...初始化的时候如果没有设置初始的分段标题,而是用initWithFram来初始化的话,我尝试在后面用insertSegmentWithTitle来添加标题,不起作用。
TKRubberIndicator TKRubberIndicator是Swift制作的库,它可在应用程序中添加橡胶动画页面控件。要使用它,您需要首先导入TKRubberPageControl框架。...self.view.addSubview(page) page.numberOfpage = 2 } @IBAction func pageCountChange(sender: UISegmentedControl...可通过以下方式自定义占位符单位,字体颜色,间距和边框颜色/宽度: sizePickerView.textFieldConfigureBlock = { index, field in switch...它使您可以在 iOS,macOS 和 Mac Catalyst 上创建可自定义的水平和垂直滑块。
分段控件 (UISegmentedControl) 控件展示 : 1....使用 UISegmentedControl 改变背景颜色 (1) 设置 UISegmentedControl 属性 UISegmentedControl 属性 : -- 属性截图 : (2) 设置...UISegmentedControl 响应方法 创建 UISegmentedControl 的 IBAction : -- 按住 control 键将 UISegmentedControl 拖动到...OCViewController //定时器 NSTimer * timer; //进度条进度 CGFloat progress; /* CGFloat : 是 float 类型, 在 IOS...OCViewController //定时器 NSTimer * timer; //进度条进度 CGFloat progress; /* CGFloat : 是 float 类型, 在 IOS
背景 iOS 中经常会有需要在某个界面改变状态栏颜色或者某个界面隐藏状态栏的需求。而改变状态栏颜色和控制状态栏显示和隐藏的API,在iOS 的不同版本中也发生了很多变化。...iOS 7以前 在iOS 7之前,状态栏是不占视图位置的。每个控制器中的根view都是从屏幕的Y轴20px处开始显示的。...API iOS 7 ~iOS 9 从iOS 7开始系统风格大变样,图标扁平了,状态栏也不在闹独立了。因为状态栏的会受到导航栏或者View背景色的影响,所以状态栏的风格也需要实时调整了。...想要改变状态栏的样式,想要控制状态栏的显示与隐藏,该怎么做呢? ** 1....效果gif iOS 9 之后 如上面第二张图所示,UIApplication的控制状态栏的方法,在iOS 9之后被弃用了。 所以iOS 9之后尽量使用重写ViewController方法的方式吧。
滚动视图,导航栏和状态栏重叠。...Hue.Swift - Hue.Swift:颜色常规功能集于一身的定义,使用Color工具类库(含图片取色)。...* WZLBadge - Badge,支持横屏支持iOS5〜iOS8允许高度定制化,包括“红点”的背景颜色,文字(字体大小,颜色),位置等。说明。...BTNavigationDropdownMenu - 下拉列表暨导航标题组件。简单,直接,易用-swift。...此库支持iOS5 .0以上版本(另外:Nav的标题滑动不明显,本人写了2个类似的控件),SloppySwiper-demo :代码方式与storyboard方式。
用起来好烦:MagicalRecord ; CollectionView实现悬停的标题:CSStickyHeaderFlowLayout。...iOS开发的一些奇巧 - 技巧2 - 用一个pan手势来代替UISwipegesture的各个方向,拉伸图片,播放GIF,上拉刷新,把tableview里cell的小对勾的颜色改变,navigationbar...弄成透明的而不是带模糊的效果,改变uitextfield占位符的颜色和位置。...提高iOS开发效率的方法和工具 - 提高iOS开发效率的方法和工具。 禅与Objective-C编程艺术 - 禅与Objective-C编程艺术(禅与Objective-C工艺的艺术中文翻译)。...Swift-On-iOS - JohnLui的Swift在iOS代码仓库上。 30DaysofSwift - 30DaysofSwift自学iOS - 三十天三十个Swift项目。
现在这个公司的项目使用了Swift开发,我一直想在自己的项目中也运用Swift,但是一直也没有机会,所以这次能够使用Swift正儿八经的开发,我也是超级兴奋的。...所以从以后开始,我的iOS系列的文章会逐渐的与Swift语言越来越相关。不得不说只有实际开发才能发现Swift中等着我要去踩的坑还有很多。没辙了,爱他就拼命的去填坑吧。...今天就来讲讲Swift版本的地址选择器的构建。...@IBAction func selectPickerType(sender: UISegmentedControl) { switch sender.selectedSegmentIndex
SwiftUI案例:天气 效果 目标 实现静态的仿iOS天气APP程序 文件与配置 外观配置 外观配置需要从 '代码' 中下载文件并提取对应的图片 需要配置在 Assets.xcassets...CustomStackView.swift CustomCorner.swift WeatherDataView.swift 视图文件 创建Model模板 在工作区的项目文件夹下创建名为 Model...的 Group 并在其中创建 Forecast.swift 视图与模板实现 ContentView.swift 这是应用视图的总体框架布局,需要自适应屏幕尺寸 import SwiftUI struct...//按位置范围获取百分比并固定锚点 anchorPoint = CGPoint(x: 0.5, y: (height - 5) / height) //清除背景颜色...0 : -(-topOffset + 120)) .zIndex(0) //剪裁尺寸大小以避免背景的重叠 .clipped()
在这里静电结合WWDC 2019的官方视频与苹果官方资料,花了一整天的时间翻译整理,为大家带来最全面细致的iOS 13交互设计指南及规范解析。赶紧转发收藏吧! ?...通常,选择与您的应用徽标协调的有限调色板:微妙地使用颜色是传达品牌的好方法。 考虑选择色调颜色以指示整个应用程序的交互性:在Notes中,交互元素为黄色。在日历中,交互式元素为红色。...如果您定义表示交互性的色调颜色,请确保其他颜色不与之竞争。提供两种版本的色调,以确保它在明暗模式下都很好看。当您使用系统颜色作为色调时,您可以自动支持高对比度。...iOS 13系统引入了六种不透明的灰色,你可以在上述半透明效果不佳的极少数情况下使用它们。 例如,交叉或重叠元素(例如网格中的线条或条形)在不透明度方面看起来更好。...为子菜单提供描述其内容的直观标题,以便人们可以预测子菜单的命令而不会泄露它们。 简洁,以行动为导向的标题还允许人们跳过他们在当前环境中不需要的子菜单。
在这段代码中,我们设置了App的明暗模式brightness为暗色,主色调为青色: MaterialApp( title: 'Flutter Demo',// 标题 theme: ThemeData...可以看到,我们虽然只修改了主色调primaryColor和明暗模式brightness两个参数,但按钮、文字颜色都随之调整了。...这是因为默认情况下,ThemeData中很多其他次级视觉属性,都会受到主色调与明暗模式的影响。如果我们想要精确控制它们的展示样式,需要再细化一下主题配置。...下面的例子中,我们将icon的颜色调整为黄色,文字颜色调整为红色,按钮颜色调整为黑色: MaterialApp( title: 'Flutter Demo',// 标题 theme: ThemeData...Theme是一个单子Widget容器,与MaterialApp类似的,我们可以设置其data属性,对其子Widget进行样式定制: 如果我们不想继承任何App全局的颜色或字体样式,可以直接新建一个ThemeData
layer.addSublayer(bottomBorder) // 裁剪 layer.masksToBounds = true } } 设置提示文字颜色...pageControl = UIPageControl(frame: CGRect(x: 0, y: 0, width: 200, height: 20)) // 指示器的颜色...return sectionTitles[section] } } extension ViewController: UITableViewDelegate { // 索引的标题...UICollectionViewFlowLayout 与 UITableView 不同,UICollectionView 需要提供布局参数,常用的有UICollectionViewFlowLayout,...dataSource view.addSubview(collectionView) // 第一次进来刷新 updateList() } } // 增加与删除数据
选择相同色调的颜色,然后调整饱和度和亮度, 直到你觉得合适为止 # 通过取消强调来强调 与其进一步强调你想引起注意的元素, 不如想想如何去强调与之竞争的元素 如果觉得侧边栏与主内容区域竞争,就不要给它添加背景色...,在数值上使用稍浅的颜色即可 # 将视觉层次结构与文件层次结构分开 默认情况下,网络浏览器会为标题元素分配逐渐变小的字体大小 这对于文章或文档等文档风格的内容很有帮助,但在应用程序用户界面中却会助长一些错误的决定...,而最浅的色调可能用于元素背景的着色 一个简单的警报组件就是一个很好的例子, 它结合了这两种用例,因此可以很好地选择这些颜色 选择与底色色调相匹配的颜色,然后调整饱和度和亮度,直到满意为止 # 填补空白...# 用色彩营造深度 一般来说(尤其是相同颜色的色调) ,浅色物体感觉离我们更近,深色物体感觉离我们更远 # 使用实体阴影 使用垂直偏移的短阴影,且完全没有模糊半径 # 重叠元素创建图层 创造深度的最有效方法之一就是将不同的元素重叠在一起...,让人感觉设计有多个层次 # 重叠图像 考虑到重叠的图像很容易发生冲突,一个简单技巧是给图片加上 "隐形边框"--与背景颜色相匹配--这样图片之间就会有一定的间隙 # 处理图像 # 使用好照片
这种图形以层叠和重叠的方式展示每个组的密度估计或频率分布,使得不同组之间的比较直观且具有艺术美感。 脊线图特别适合展示数据如何随时间或条件变化,常用于金融、气象、社会科学等领域。...) **joypy.joyplot()**:调用joyplot函数绘制脊线图,指定按Month分组,使用Temperature列的数据绘图,颜色映射为plasma,图形大小为12x8英寸,各图层重叠程度为...# 添加标题 plt.title('Monthly Temperature Distribution Over the First Half of the Year') plt.show() 扩展 colormap...(颜色映射)是用来将数据点映射到颜色的功能,它有许多内置的颜色映射可供选择。...Sequential: Blues、Greens、Reds:单一色调,从浅到深。 binary、gray:从黑到白的灰度图。 copper:铜色调,从黑到亮铜色。
HUD与吐司 MBProgressHUD - 最多人用的loading。 EBuyCommon - 1.基于MBProgressHUD实现得图形加载提示方式,及其标题方式提醒.2。弹窗。...MMProgressHUD - 设置HUD出现和消失的方式(包括上下,左右,淡入淡出,放大缩小等等),设置HUD的内容(可以在HUD中加入帧动画,动态图片等等),设置HUD出现时的底部覆盖层颜色,等等...UICustomActionSheet - 通过模糊背景来着重强调与菜单相关的元素 - 模糊效果里面已经收藏。...TKSwarmAlert.swift - TKSwarmAlert.swift:模仿Swarm应用程序的Alert提醒框动画工具。...CustomPopOverView - 自定义弹出视图,内容支持传一组菜单标题,也支持自定义view,或者自定义viewController,支持任意按钮触发,会显示在按钮底部,也支持切换按钮的对齐方式
、小标题、正文、角标等; 色彩可自由变换; 字体、字号可配置; 图片可添加滤镜; 图层可调整。...方案A: 布局: 图片自动裁切,一个文本块,固定的字号 风格: 颜色选取自文章中所有图像的主色,字体固定 方案B: 布局: 一种布局模版,字号是自适应的,视觉左右平衡 风格: 固定色调,颜色取自预先设定的色调和封面图像的主色...我们可以看下,不同主题对应的模版区别,如“时尚”主题与“食品”主题的模版: ? 模版里都包含了布局方式,色板,字体,字体块高度/宽度的限制范围。...文字块与使用的色彩根据模版提供的变量,进行自动匹配或随机组合。 整个智能排版系统的运行逻辑如下图: ?...自动排版: 原则是文字与图片重叠最小,文字撑满图片空间。 ? 上色: 通过从图片提取色彩,匹配到主题颜色,再给文字上色。 ?
:) 风靡硅谷的新趋势有以下特点: 标题更大、更粗 图标更简单、更常见 去除大量的颜色 使用这种设计的结果呢?一些受人喜爱的应用的界面越来越像同一个品牌下的产品。...官方介绍新版界面做了去除整个应用大部分的蓝色、深灰色,加粗标题,简化底部导航栏跟图标等改变。剩下的是一款标题明显、内容突出、功能清晰的黑白主色调界面。...这个月初,科技界巨头苹果公司在它们的 WWDC 大会上发布了许多用户期待的东西,其中包括所谓的“最最最牛的 iOS 版本” iOS 10 正式版(或许跟 iOS 8 相比的确牛一些:( )。...,但是关键元素都是一样的:显眼的标题,黑白色调的界面。 这些应用的新版界面意味着什么呢? 正如我开始所说,将来会有越来越多的应用看起来长得都很相似。为什么这么说?...去除颜色。当然你可以有一种主题色,但是要慎用,尽量只用在指示操作上。剩下的最好都用黑白色,突显你应用的内容。 2. 更大、更粗、颜色更黑的标题。你看到那个标题了吗?
颜色革命,这个标题很大,但却已经是一个正在进行时了,只是你可能还没有意识到,其实它业已成为当今移动互联网产品领域的已成现实。...PC、MacBook、iPhone、iPad)还是软件(IOS内置应用)。...2 颜色与产品族风格规划 回归正题,在硬件产品中,颜色战略坚持得如此彻底的恐怕也是仅此一家,但在移动软件产品中,颜色战略的执行相对容易,因此也更加彻底,可谓是百家争鸣、各领风骚。...在拟物化设计为主流的IOS6以前,因为产品功能信息主要通过逼真易懂的图形来传递给用户,产品设计追求看图识物,风格各异,图形精彩纷呈,所以APP的主题颜色作用似乎并没有特别明显。...其在软件产品端颜色战略上的运用功力,差不多可以与Apple平齐。
下面是同一个activity切换不同fragment时,状态栏文字颜色跟着变化的效果图: 下图是同一个Activity向上滚动时,标题栏和状态栏文字颜色根据变化的效果: 1....View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR); } } 在Activity布局的根节点处加上android:fitsSystemWindows=”true”属性就可以了,要不布局会跑到状态栏和导航栏下面,与导航栏和状态栏重叠...感兴趣的小伙伴可以参下:android沉浸式状态栏、fitsSystemWindows、标题栏折叠 下面我们说说怎么在界面滑动时,修改状态栏和标题栏文字颜色。...这个主要通过监听AppBarLayout滑动的距离,向上滑动,如果大于标题栏的高度,则要动态改变标题栏文字颜色,当标题栏折叠时,改变状态栏文字颜色及返回铵钮图标,同时状态栏文字颜色变成暗色。...向下滑动时,随着标题栏慢慢消失,需要把状态栏文字颜色变成浅色调。
内部主题色调。...1.2 品牌主色运用 1.2.1 简述 其实,App内部主题色调的运用,严格来说,也可以依据上述分类分为两大类别,但是由于IOS系统本身走的也是简约路线、重色调的视觉冲击效果太强,而且各...而且随着IOS系统风格演化,导航条与状态栏逐渐融为一体,搜索条也已经内置进导航条,因此消除导航条与正文内容的区别、形成整页效果的“激进型”设计也足够值得肯定。...下面就以“IOS系统设置”应用首页来做详细讲解: 以上截图想必任何一个iPhone用户都很熟悉,粗略来看,这个页面采用的颜色元素很简单,只有灰白两种颜色,单元格内容也很单调——只有单行标题文字与右侧箭头图标...其目的也直接明了——裂土而治、泾渭分明,上面是标题,下面是正文。
ios-charts - 一款优秀 Android 图表开源库 MPAndroidChart 的 Swift 语言实现版(支持 Objective-C 和 Swift 调用)。...表相关与Tabbar SWTableViewCell - 国内开源作者,带很多手势的表单元格。 MCSwipeTableViewCell - 带很多手势的表单元格。...此项目应该只为演示或学习之用,没有服务器 -- swift。 Atlas-iOS - 快速在iOS里集成聊天功能,类似开源版本的环信。...实现教程 XWCatergoryView - 一个轻量级的顶部分类视图控件,只需要通过简单的设置,你就可以快速集成该控件, 控件目前暂时有底部横条移动,椭圆背景移动,文字缩放,文字颜色变化,和文字颜色渐变五种效果...TYPagerController - 简单,支持定制,页面控制器,可以滚动内容和标题栏,包含多种style。
领取专属 10元无门槛券
手把手带您无忧上云