1 UIAlertView 随着苹果上次iOS 5的发布，对话框视图样式出现在了我们面前，直到现在它都没有发生过很大的变化。...下面的代码片段展示了如何初始化和显示一个带有“取消”和“好的”按钮的对话框视图。...是使用对话框(alert)还是使用上拉菜单(action sheet)，就取决于在创建控制器时，您是如何设置首选样式的。...Observer，我们通过在每个按钮动作的handler代码块(还有其他任何可能释放视图控制器的地方)中添加合适的代码来实现它。...和对话框不同，上拉菜单的展示形式和设备大小有关。在iPhone上(紧缩宽度)，上拉菜单从屏幕底部升起。在iPad上(常规宽度)，上拉菜单以弹出框的形式展现。
，宽度随父视图宽度的缩放而缩放。...比如，给某个子控件A设置了左边距和右边距后，虽然没有明确指定子控件A的宽度，但是其左右边距一旦设置，那么宽度可以根据子控件A和父控件左右之间的边距自动推算出来。...3.2.W Regular H Compact(宽度正常 高度紧凑） 1>还是上面的那个storyBoard，还是上面的那个带有红色按钮的控制器。...当然，切换到竖屏时，你同样发现了控制器中间出现了一个红色的按钮，没错，这就是我们在上一个例子中(W Compact H Regular状态)设置的那个水平、垂直居中的红色button。...换句话说，在sizeClass为W Regular H Any（宽度正常 高度任意）下的布局的控件，不管高度如何，只要宽度正常就会显示出来。 未完待续...
iOS-RatingBar - iOS-RatingBar swift版的评分控件，跟Android的RatingBar一样有两种模式，评分模式和只读模式'支持视图编辑，自定义星星数量，评分等级，另外还能支持非整数星...TWControls.swift - 简单的开关和按钮控制器，使用闭包来执行由控件触发的操作。 Instructions.swift - 可定制嵌入式操作指引框架及演示。...YXFilmSelectView - 仿造时光网选择电影票的UI而开发的一个自定义视图。 FJTagCollectionView - 标签（适配宽度）。...VJDeviceSpecificMedia - 如何根据设备选择不同尺寸的图片 可以通过设置不同尺寸的设备的LaunchImage，来使用App适配这些设备，要在不同尺寸设备上使用不同大小的图片，则需要在代码中一一判断...STLBGVideo - STLBGVideo让您的视图控制器的自定义backgroundvideo，实现说明1，实现说明2。 Advance.swift - 简单易用，功能强大的动画框架库。
尽量不要同时在 macOS 的 Xcode 和 iPad 的 Swift Playgrounds 上同时编辑一个项目，容易造成版本冲突。...在 Swift Playgrounds 4 中，点击侧边栏的编辑按钮，进入编辑模式，点击+按钮可创建新的 Page。...image-20211224091947472 QuickLook 的内容可以在最新值、历史记录、图表模式间切换（可切换模式的数量将根据类型的不同而有所变化）。...通过导入 PlaygroundSupport 并将当前页面的实时视图设置为你的自定义视图或视图控制器，就可以将一个交互式实时视图添加到 Playground Page 中。...如何让其他的类型实例在实时视图中显示 任何符合 PlaygroundLiveViewable 协议的类型，都可以被设置为实时视图。
开发语言 Swift 或者 Objective-C（本教程基于 Swift 5.x）。 开发者账号 个人 99 $/年 公司 99 $/年 企业 299 $/年 iOS系统四个层次 ?...AppDelegate —> SceneDelegate 在 SceneDelegate 的willConnectToSession中纯代码初始化 UIWindow，并设置显示的第一个控制器。...UIView与UIViewController 初步印象 iOS 开发中，一个界面就是一个 UIViewController（视图控制器），界面上显示的内容就是 UIView（视图）。...宽度或者高度其实为0。 位置不对（比如是个负数或者超大的数，已经超出屏幕）。 hidden == true。 alpha <= 0.01。 没有设置背景色、没有设置内容。...viewWithTag：根据 tag 值获取视图。 insertSubview：在指定视图的上/下面插入视图。 bringSubviewToFront：把视图移到最顶层。
Xcode 与 Cocoa 和 Cocoa Touch 框架紧密集成，为您带来效率惊人的开发环境，助您为 Mac、iPhone、iPad、Apple Watch 和 Apple TV 构建 app。...在数分钟内创建出原型，然后以图形方式将界面关联到 Xcode 编辑器中的源，设置窗口、按钮和滑块的布局，从而创建能够正常运行的 Mac、iPhone 或 iPad 用户界面。...Cocoa 和 Cocoa Touch 使用“模型-视图-控制器”模式构建，因此可以轻松地独立设计界面，不受实现方式的限制。...Xcode 包括以下 Storyboard 控制器： 表格视图控制器 集合视图控制器 导航控制器 标签栏控制器 页面视图控制器 GLKit 视图控制器 或自定义 Assistant 编辑 Storyboard...XCTest 框架 有了 XCTest API，构建在 Mac、iPad、iPhone 或 Simulator (模拟器) 上运行 app 功能的单元测试变得更容易简单。
二、MMDrawerController的使用及相关设置 MMDrawerController的使用十分简单，只需将中心视图控制器和左边栏视图控制器传入初始化方法即可完成MMDrawerController...，其中可用属性解析如下： //设置左侧边栏的最大宽度 默认280 @property (nonatomic, assign) CGFloat maximumLeftDrawerWidth; //设置右侧边栏的最大宽度... 开发者如果有特殊的需求，也可以通过继承MMDrawerController来实现自己的侧边栏控制器类，MMDrawerController框架中提供了一个扩展，在编写MMDrawerController...MMDrawerBarButtonItem的辅助类，这个类可以创建三道杠的菜单按钮。...3.无法设置显示一个最小的抽屉宽度。 4.不能支持UITabBarController容器。 5.不能在中心视图控制器之上呈现侧边栏视图。 专注技术，热爱生活，交流技术，也做朋友。 ——珲少
前言 SwiftUI 的各种堆栈是许多框架中最基本的布局工具，能够让我们定义组视图，这些组视图可以按照水平、垂直或覆盖视图对齐。...一种方式是用 GeometryReader 测量当前可用空间，并根据宽度是否大于其高度，可以选择使用 HStack 或 VStack 来渲染内容。...虽然我们也有很多方法能解决这些问题（例如使用类似在这篇 Q&A 中用来使多个视图具有相同宽度和高度的技术），但真正的问题是当我们要动态的确定方向时，测量可用空间是否是一个好的方法。...因为 VStack 可能总是合适的，即使在我们希望布局是横向的情况下（例如 iPad 的全屏模式）。...结语 以上就是通过四种不同的方式实现 DynamicStack 视图，它可以根据当前内容在 HStack 和 VStack 之间动态切换。 - EOF -
上篇博客我们聊了《资讯类App常用分类控件的封装与实现(CollectionView+Swift3.0)》，今天的这篇博客就在上篇博客的基础上做些东西。...控制器，由该控制器Present出CESelectTheme组件进行数据源的操作。...2、计算菜单Cell的宽度 下方代码段是CEMenuCollectionView中设置Cell尺寸的布局回调。...Cell的宽度是从我们的数据源中获取的，我们的Model中有一个itemWidth()方法用来提供显示该item的Cell的宽度。当然该宽度是根据我们菜单名字的个数来获取的。 ?...四、CEContentCollectionView的介绍 CEContentCollectionView的主要功能是根据Menu的切换来显示相应的内容的，该视图中的内容比较简单。
但是如果改变文字后，让Lable的宽度包裹 ? Paste_Image.png Less than or equal ：让它的宽度小于等于设置的宽度，也就是根据lable的内容自动拉伸 ?...Paste_Image.png 结论：根据UILable的内容大小，去调整控件的大小 1、设置父控件的约束 内部错误：注：（2.距离控制器View的左边） ?...Paste_Image.png 练习3、设置Unbutton在iPad情况下显示居中 1、先设置系统版本可以在任何模式下（iPad或iPhone下）： ?...练习四、在任意情况下显示一张图片，在iPad中显示一张特殊的图片 1、设置好模式（宽松、紧凑、任意）下imageView的约束（autolayout) 初学者注意：不能通过这个修改在不同模式下的图片...Paste_Image.png 4、然后当你切换的时候，就会根据不同的屏幕像是不同的图片了 关于：UILable在不同模式下的字体尺寸，在iPad中的尺寸变得大一些，等（不再累赘阐述） ?
iOS中UIPopoverController使用详解 一、引言 UIPopoverController是Pad设备中常用的一种视图控制器，其在UI表现上为在当前视图控制器上面弹出一个子视图控制器...UIPopoverController只能用于iPad，在要兼容iPad和iPhone的项目中，需要根据设备类型使用两套代码。...，点击界面上的其他位置，视图控制器会被隐藏 如果需要当视图控制爱弹出时界面上的其他控件依然可以进行用户交互，则需要将这些UI控件设置进这个数组中 */ @property (nullable, nonatomic...(5_0); //这个属性用于自定义PopoverController的UI展现 传入自定义的背景视图类 @property (nullable, nonatomic, readwrite, strong...，其可以很好的兼容iPhone与iPad。
代码风格如何？敬请阅读本文。 刚刚结束的苹果WWDC推出了一个对于开发者非常重要的框架：SwiftUI。...SwiftUI是一个非常方便快速的构建UI的框架，与最新Xcode设计工具无缝协作，可为所有苹果设备构建UI。开发者通过SwiftUI，利用Swift语法就能够完成代码和设计的同步。...SwiftUI还提供对动态类型、暗黑模式、本地化和可访问性的自动支持。 SwiftUI都更新了什么？ 此次更新主要有5点： 声明式：更加易读的代码。...让Xcode for iPad更上一层楼 开发者对Interface Builder的抱怨不是一天两天了，它大大增加了分解视图块以及从视图控制器（view controller）使用视图的工作量，导致出现体积臃肿的视图控制器...感受一下SwiftUI的代码风格 ? Github一个repo整理了在WWDC 2019发布的SwiftUI布局框架的一些官方示例： SwiftUI Essentials 创建和组合视图： ?
学习了如何根据需求分析开发，使用脚手架工具，数据mock，架构设计，自己测试，编译打包等流程。 线上生产环境，如何考虑架构设计，组件抽象，模块拆分，代码风格统一，变量命名要求规范等优点。...Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。...Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件，Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。...的缩写，用一种业务逻辑，数据，界面显示分离的方法来写代码，view视图，视图层调用控制器到controller控制器，控制器调用model，model返回数据给控制器，然后控制器将数据返回给view。...这是mvc的简单调用流程，mvc模式是单向的数据绑定，view视图层调用model层，要通过中间层controller来实现。
iPad开发简单介绍 iPad开发最大的不同在于iPhone的就是屏幕控件的适配，以及横竖屏的旋转。 Storyboard中得SizeClass的横竖屏配置，也不支持iPad开发。...UIModalPresentationFullScreen ：全屏显示（默认） UIModalPresentationPageSheet 宽度：竖屏时的宽度（768） 高度：当前屏幕的高度（填充整个高度...控制器的内容控制器添加到UIPopoverController上 1>设置内容控制器(并需先创建内容控制器) 强调UIPopoverController不是继承UIViewController，也就不具备显示功能...设置popView的大小(默认控制器有多大就显示多大)(120, 44 * 3) UIPopoverController的方法popoverContentSize 内容控制器中设置的方法 self.preferredContentSize...View上添加个按钮，点击，弹出一个UIPopoverController控制器，然后这个控制器再用导航控制器包装，显示二级控制器 1>调用方法 /** * 弹出UIPopoverController
TKRubberIndicator TKRubberIndicator是Swift制作的库，它可在应用程序中添加橡胶动画页面控件。要使用它，您需要首先导入TKRubberPageControl框架。...然后，您需要将以下代码添加到控制器中： override func viewDidLoad() { super.viewDidLoad() page.center =...DimensionsPickerView 只需要几行代码，DimensionsPickerView 就可让您添加一个漂亮的视图，该视图可用于测量数据输入。...TransitionButton 还添加了两个主要方法： • startAnimation()：调用时将开始使用加载微调器为按钮设置动画 • stopAnimation()：调用时将停止对按钮进行动画处理...在个性化设置中，可以设置：简单的渐变值滑块样式；多值跟踪；复杂范围滑块样式；复杂点滑块样式 • https://github.com/SwiftUIExtensions/Sliders ?
有以下几个我不满意的地方： •缺少直接返回根视图的便捷手段•无法通过代码（不通过NavigationLink）跳转到新视图•双栏模式（DoubleColumnNavigationViewStyle）下显示风格不统一...•在iPad下，无法在竖屏（Portrait）模式下保持双栏状态 因此，在这次开发的准备阶段，我写了一个针对NavigationView的扩展库——NavigationViewKit[3]。...Tag，animated设置返回根视图时是否显示转场动画，action为进一步的善后代码段。...Tag，animation设置是否显示转场动画，view为新视图。...navigationViewStyle(FixDoubleColumnNavigationViewStyle(widthForLandscape: 350, widthForPortrait:250)) 并且可以为横屏竖屏两种状态分别设置左侧栏宽度
使用弹性布局 使用百分比 避免写死宽度和高度 添加滚动条 使用 rem 3.移动终端的常用宽度和高度 垂直屏幕的常见宽高比：1:2, 2:3, 3:4, 3:5, 5:8, 9:16 横向屏幕的常见宽高比...如果为子元素的顶部和底部设置了百分比，它将相对于父元素的高度，并直接进行非静态定位（默认定位）。同样，如果为子元素的左侧和右侧设置了百分比，它将与父元素宽度的直接非静态定位（默认定位）相对应。...4.4 VW、VH 响应式布局 因为 100vw = 100 视图窗口宽度，100vh = 100 视图窗口高度，那么根据 750 的设计草案，100vw 就是 750。...，中间一列的宽度则根据浏览器窗口的大小自适应调整。...4.7 圣杯布局 与双飞翼布局一样，左右两栏的宽度是恒定的，中间一栏的宽度根据浏览器窗口的大小自适应，但它更加完整。
AutoLayout的尺寸自适应 AutoLayout中有两种类型的尺寸自适应：一类是以UILabel和UITextView为代表视图的尺寸自适应，这类视图中的宽度和高度有时候需要根据自身内容来确定自己的宽度和高度...另外一类是一些容器视图的高度或者宽度希望根据其中的子视图来确定。...要求S的高度和宽度根据三个子视图的高度和宽度自适应，那么只需要将布局视图S的约束设置为如下： //OC版本 S.wrapContentSize = YES; //Swift版本 S.tg_size(width...所有为子视图设置的约束都必须放入到一个布局视图中才有效。整个布局框架提供了多种布局视图，每种布局视图中的子视图都将按照特定的规则进行排列和布局。...A视图是一个MyLayout&TangramKit布局视图，其宽度等于父视图S的宽度，而高度则根据布局视图里面的子视图的高度自适应，而B视图则在A视图的下方，并且宽度等于A视图。
棕色区域是可以设置的 红色 底层箭头视图的边框 白色 底层箭头视图的背景颜色 蓝色 自定义内容区域，在此区域（contentView）可以添加希望展示的内容 加号按钮 模拟了 sourceView...可以看到当 sourceView（加号按钮） 在不同地方的时候，popover 自动更改方向、调整箭头方向、位置以适应不同的 sourceView 类说明 open class KKPopover: UIView...此视图是底层视图，一般是添加到 window 上，与屏幕宽高一致 touchThrough: Bool /// 点击穿透 /// 设置为 true 点击空白地方，穿透点击 touchDismiss:..., sourceView: UIView) /// 根据 sourceView 展示在指定视图中 /// - Parameters: /// - view: 添加到的视图，不传则添加到 window...= 5; /// 线条宽度 open var lineWidth: CGFloat = 1 /// 填充颜色 open var fillColor:
我们再设置为 Fit Width 模式看看效果，会发现设计分辨率的宽度会自动撑满屏幕的宽度，而由于屏幕分辨率宽高比比设计分辨率小，所以屏幕上下会多显示一部分背景图。...我们再设置为 Fit Width 模式看看效果，会发现设计分辨率的宽度会自动撑满屏幕的宽度，而由于屏幕分辨率宽高比比设计分辨率大，所以屏幕上下会被裁掉一部分背景图。 背景多端适配用什么模式？...在代码中我们可以通过获取当前视图大小来得到实际屏幕分辨率的宽高比，根据宽高比来决定是使用 Fit Height 模式还是 Fit Width 模式。...多端贴边距离设置 根据设计同学的要求，贴边节点（例如倒计时节点）在 PC 端、iPad 端、iPhoneX 端和 iPhone7 端贴边的距离都是不一样的，这个时候我们如何根据不同端分别设置贴边距离呢？...UIAdaptor 选择的端一致，如果不是则跳过，如果是则根据填写的数值进行设置。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
