文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

macOS 开发基础教程视频 - 理解bounds本质

在macOS 开发基础教程视频课程的NSView章节中，解释了关于视图的frame和bounds的坐标参照系统，限于授课经验与课程时间，感觉对NSView的bounds属性，表述的不够深入，希望通过本文帮助观看课程的同学加深对...关于视图NSView的frame和bounds的概念，我们就不再介绍了,（课程的视频中有图例讲解，网上也有相关资料），这里只重点突出视频教程中的阐述的两个点： frame ： 相对父控件的坐标系统的描述...这正如你在房间的墙上（父控件）里放置了一个有相框壁画（NSView）。 为了防止壁画（NSView）蒙尘，你将整个壁画（NSView）都遮盖保护起来。...可是一旦遮盖起来，你发现自己都无法观看了，这时候你想到了一个聪明的办法：在遮盖上开启一个矩形的窗口，透过这个窗口，就可以看到遮盖下面的壁画（NSView）了，如你所料：这个矩形的窗口，就是bounds...UI界面 在customView中添加随意几个box视图，并设置颜色（为了观看效果）。

1.1K40
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    在SwiftUI中使用UIKit视图

    在相当长的时间中开发者仍需在SwiftUI中依赖UIKit（AppKit）代码。好在，SwiftUI为开发者提供了便捷的方式将UIKit（AppKit）视图（或控制器）包装成SwiftUI视图。...本文将通过对UITextField的包装来讲解以下几点： •如何在SwiftUI中使用UIKit视图•如何让你的UIKit包装视图具有SwiftUI风格•在SwiftUI使用UIKit视图需要注意的地方...将UIKit视图包装成SwiftUI的视图时，我们需要了解两者生命周期之间的不同，不要强行试图找到完全对应的方法，要从SwiftUI的角度来思考如何调用UIKit视图。...例如，UIKit中我们将一个代理对象附加到Text field视图上，当用户输入时，当用户按下return键时，该代理对象中对应的方法将被调用。...因此我们需要创建协调器，并在协调器中实现该方法，将录入的内容传递给Demo视图中的name变量。

    8.3K22

    Ask Apple 2022 与 SwiftUI 有关的问答（下）

    在 SwiftUI 4 中，可以使用 .scrollContentBackground(.hidden) 隐藏列表的默认背景searchableQ：是否有办法在.searchable() 修饰器中以编程方式设置搜索字段的焦点...将背景扩展到安全区域Q：如果我有一个自定义的容器类型，可以接受一个顶部和底部的视图，是否有办法让 API 的调用者将所提供的视图的背景扩展到安全区域内，同时将内容（ 如文本或按钮 ）保留在安全区域内？...这意味着我们不能使用 LazyVStack，或任何其他将选择与详细视图绑定的自定义视图。有扩展这个功能的计划吗？A：在 iOS 16.1 中，你可以在侧边栏里放一个。...将视图的功能分散到函数、更小的视图结构以及视图修饰器当中是很好的解决方法。...然而，两个内容相同的视图之间的交换并不能使视图顺利地产生动画，因为两者的文本也被动画化了。我正在使用仅禁用 TextField 的替代方法，但有没有办法引导动画以使用文档中的方法？

    14.8K30

    避免 SwiftUI 视图的重复计算

    如果视图响应了不该响应的状态，或者视图的状态中包含了不该包含的成员，都可能造成 SwiftUI 对该视图进行不必要的更新（ 重复计算 ），当类似情况集中出现，将直接影响应用的交互响应，并产生卡顿的状况。...通过 _makeProperty 方法，SwiftUI 得以实现在将视图加载到视图树时，把所需的数据（ 值、方法、引用等 ）保存在 SwiftUI 的托管数据池中，并在属性图（ AttributeGraph...get } // 在将视图加载到视图树中时，调用此方法，完成关联工作 public static func _makeProperty(in buffer: inout _DynamicPropertyBuffer...当 SwiftUI 将视图加载到视图树时，通过调用 _makeProperty 完成将数据保存到托管数据池以及在属性图中创建关联的操作，并将数据在托管数据池中的引用保存在 _location （ AnyLocation...会在主线程上运行触发器闭包，如果闭包中的操作比较昂贵，可以考虑将闭包发送到后台队列 总结 本文介绍了一些在 SwiftUI 中如何避免造成视图重复计算的技巧，除了从中查找是否有能解决你当前问题的方法外

    9.3K81

    StateObject 与 ObservedObject

    StateObject 是在 SwiftUI 2.0 中才添加的属性包装器，它的出现解决了在某些情况下使用 ObservedObject 视图会出现超预期的问题。...视图的生存期从其被加载到视图树时开始，至其被从视图树上移走结束。在视图的存续期中，视图值将根据 source of truth （ 各种依赖源 ）的变化而不断变化。...当将视图加载到视图树时，SwiftUI 会根据当时采用的实例将需要绑定的状态（ @State、@StateObject、onReceive 等 ）托管到 SwiftUI 的托管数据池中，之后无论实例再被创建多少次...在 SwiftUI 将视图添加到视图树上时，调用 _makeProperty 方法将需要持有的订阅关系、强引用等信息保存到 SwiftUI 内部的数据池中。...（ 有些情况下，创建新实例并不一定会使用 ），那么，最初创建的 TestObject 类实例将被释放（ 因为没有强引用 ），ObservedObject 中持有的订阅关系也将无效。

    2.5K20

    React核心成员表示：JSX就是个错误

    一系列React源码级视频、文章 近日，在一场关于JSX的讨论中，React核心成员「Sebastian Markbåge」（Hooks作者）表示： 他更推崇SwiftUI语法，并认为JSX就是个错误...接下来我们通过一个简单的「点击加一」的计数器来对比React与SwiftUI语法： React使用class语法： class Counter extends React.Component { state...同时，SwiftUI凭借强大的编程能力，原生实现React当前并不支持的功能： ? 比如，在React中，子组件要改变父组件的状态，需要父组件将「状态」与「改变状态的方法」传递给子组件。...在SwiftUI中，子组件只需要将父组件传递的状态申明为@Binding，就能达到与父组件该状态「双向绑定」的效果。...随着SwiftUI热度提升，更是有人提出用其替代React中的JSX： ? 也有人做出模型experimental-react-like-framework 你喜欢JSX么？你觉得未来他会被谁取代？

    1.3K30

    Ask Apple 2022 与 SwiftUI 有关的问答（上）

    只有将这些变量重构到视图模型中去这一种方式？A：如果在同一个视图中，有多个相互关联的 @State 属性，将他们提取到一个结构中或许是好的选择。...A：没有办法对 NavigationPath 进行内省。...不过，在传统的 viewModel 意义上，我不建议将视图（ 结构本身 ）作为视图模型。...事实上，这些视图（ 惰性容器中的视图 ）一旦被创建，其存续期将持续到惰性容器被销毁为止。请阅读 SwiftUI 视图的生命周期研究[12] 了解更多内容。...在构造函数中初始化 @StateObjectQ：是否有办法在视图中用该视图结构参数初始化一个 @StateObject ？A：可以通过在 init 方法中手动初始化 @StateObject 来实现。

    12.3K20

    SwiftUI @State @Published @ObservedObject 深入理解和使用

    提示：在SwiftUI中存储程序状态有几种方法，您将学习所有这些方法。@State是专门为存储在一个视图中的简单属性而设计的。...") }) } } 3.最重要的部分 （代码注释部分最为主要，务必看完） 虽然上面案例运行中什么都正常展示加载，但是到了实际项目中，却一堆bug，这是如何导致的，如果对 这三种状态跟...因为SwiftUI更新数据的前提是触发 第一层 绑定的对象 wrapperModel下的属性（字段）发生更新才会调用视图层更新数据 但是 第一次下绑定的对象还绑定了 @ObservedObject 或者其他类型的对象呢.../// 那我们可以给 ObservableObject 加一个 无关紧要的字段，然后编写一个方法，来通知更新 class BaseobservableObject: ObservableObject.../ SonModel 不是直接继承于 ObservableObject 类的 /// 所以，直接继承 ObservableObject 下的属性（字段）没更新，就不会更新View /// 最简单的解决办法就是

    3.4K10

    macOS AppKit 的事件响应简介

    鼠标(或触控板)事件派发路径 前面已经提到过,一个NSWindow对象使用sendEvent:方法将鼠标事件派发给用户操作的视图(NSView)对象.那么NSWindow是怎样识别是哪个NSView在被用户操作呢...NSWindow对象是将事件以一个与鼠标相关的NSResponder明确消息方式发送视图(NSView),比如mouseDown:,mouseDragged:,或者rightMouseUp:,如果是鼠标按下事件...鼠标拖动事件和鼠标抬起事件通常都会被发送给之前鼠标按下的那个视图(NSView)对象. 鼠标移动事件通常会派发到第一响应者....NSApplication接收到Key equivalents(快捷键)事件时,会先传递给key window的视图(NSView)体系中,通过给每个对象发送performKeyEquivalent:消息来确认是否有控件响应此事件...(根据这个方法的返回值来确认:YES代表响应,NO则是不响应默认为NO),如果视图(NSView)体系中没有任何对象响应,那么NSApplication会将这个快捷键事件发送给menu bar(菜单栏)

    2.7K60

    优化在 SwiftUI List 中显示大数据集的响应效率

    本文将通过一个优化列表视图的案例，展现在 SwiftUI 中查找问题、解决问题的思路，其中也会对 SwiftUI 视图的显式标识、@FetchRequest 的动态设置、List 的运作机制等内容有所涉及...另外如果 id 的标识值发生变化，SwiftUI 将丢弃原视图（生命周期终止及重置状态）并重新创建新的视图。...但一旦为这些子视图添加了 id 修饰符，这些视图将无法享受到 List 提供的优化能力 （ List 只会对 ForEach 中的内容进行优化）。...使用了 id 修饰符相当于将这些视图从 ForEach 中拆分出来，因此丧失了优化条件。 总之，当前在数据量较大的情况下，应避免在 List 中对 ForEach 的子视图使用 id 修饰符。...我们将通过 SwiftUI-Introspect[7] 来实现在 List 中滚动到列表两端。

    9.3K20

    Jekyll-Admin-Mac-模板处理

    Objective-C 中的 [self class] 用 Swift 怎么表示 关于 prepareForInterfaceBuilder() 方法 解决 NSView 不能显示圆角的问题...设置此属性的值以true将视图转换为层次支持的视图，即视图使用CALayer对象来管理其渲染的内容。创建层支持的视图隐式地导致该视图下的整个视图层次结构成为层支持。...相反，使用此类的方法对视图及其图层进行任何更改。如果返回，则在视图方法中修改图层是合适的（并且适当）。...为了防止子视图将其内容放大到此视图的图层中，请将子视图的属性值显式设置为。...canDrawSubviewsIntoLayertruewantsLayertrue 除了创建层支持的视图，您还可以通过将图层直接分配给视图的layer属性来创建层托管视图。

    6.8K30

    面向所有人的 UI 编程 ：透过点按弹窗初尝 SwiftUI

    本文是 SwiftUI 开发教程中的一篇，我们将一起探究上述问题的答案。若你有兴趣学习 iOS 应用程序开发，又或者是想了解 iOS 程序是如何运行的，欢迎关注这一系列文章。...下图中程序的功能很简单：长按这句名言后，会出现点按弹窗，你可以点击复制按钮将这句话复制到系统剪贴板中。 ? 试想你是一名美术，完全不了解程序。...写 SwiftUI 得过程，实际上就是将一个个最基本的 View 像滚雪球一样越包越大的过程，你把一个个基础的视图和修改器用一个更大的视图包在一起，用修改器修改更大的视图，就能实现复杂的功能。...对了，正是这样，这段代码中包含三个针对 VStack 的修改器，分别是正文设置为白色 .foregroundColor(Color.white)，四周加边距 .padding()，和显示点按菜单.contextMenu...于是乎你放下了一个文字的 View，写出来了觉得不好看，扔各种修饰器上去加颜色改字体加图标种种，雪球越滚越大你的程序也越加好看和拥有越多功能。

    2.1K40

    解析SwiftUI布局细节（一）

    前言 ---- 在前面的文章中谈了谈对SwiftUI的基本的认识，以及用我们最常见的TB+NA的方式搭建了一个很基本的场景来帮助认识了一下SwiftUI，具体的文章可以在SwiftUI分类部分查找...我们从一个具体的实际页面开始梳理一下用SwiftUI实际写UI的时候一些基本的知识，就如我们Demo中的我的页面举例： ?...: View, C5 : View, C6 : View, C7 : View, C8 : View, C9 : View } 由于它里面最多能接收10个View,所以在我们常见的Stack中也就最多能接收到是个子视图...接着我们肯定会疑惑，那就没有办法写是个以上的子视图了吗？答案当然是不是，肯定可以，具体的可以通过Group或者ForEach来实现，我们就不在往下深究了，这个问题可以自己看看！...理解了之后我们也就能总结一下我们用SwiftUI写UI时候的一个简单逻辑 1、创建好你需要的SwiftUI文件 2、规划好你的视图层级，比如说是不是嵌套的NavigationView

    2.4K10

    SwiftUI数据流之State&Binding

    @Binding的作用是在保存状态的属性和更改数据的视图之间创建双向连接，将当前属性连接到存储在别处的单一数据源（single source of truth），而不是直接存储数据。...将存储在别处的值语意的属性转换为引用语义，在使用时需要在变量名加$符号。...State修饰 注释2，在body中通过$showFavorited获得showFavorited对应的Binding传递给子视图FilterView 注释3，子视图FilterView中定义了@Binding...，这里没有全部展示出来； 再点击一次Count+1按钮，count值变为2，user的地址将持续保持不变，生命周期与视图保持一致。...值类型，它的所有相关操作和状态改变和当前 View 生命周期保持一致 Binding将存储在别处的值语意的属性转换为引用语义，在使用时需要在变量名加$符号 添加了property wrapper的属性，

    4.1K30

    SwiftUI-数据流

    数据处理的基本原则 Data Access as a Dependency：在 SwiftUI 中数据一旦被使用就会成为视图的依赖，也就是说当数据发生变化了，视图展示也会跟随变化，不会像 MVC 模式下那样要不停的同步数据和视图之间的状态变化...A Single Source Of Truth： 保持单一数据源，在 SwiftUI 中不同视图之间如果要访问同样的数据，不需要各自持有数据，直接共用一个数据源即可，这样做的好处是无需手动处理视图和数据的同步...，并且伴随着而来的就是各种 Bug，SwiftUI 的解决办法就是使用 @Binding。...使用@EnvironmentObject，SwiftUI 将立即在环境中搜索正确类型的对象。如果找不到这样的对象，则应用程序将立即崩溃。...最终再次呈现给用户，等待下次界面操作 注意 在 SwiftUI 中，开发者只需要构建一个视图可依赖的数据源，保持数据的单向有序流转即可，其他数据和视图的状态同步问题 SwiftUI 帮你管理，所以 ViewController

    10.2K20

    Mac开发跬步积累(五): Dark Mode下适配你的UI界面

    ,让用户的关注焦点聚集在App本身的视图中以便获取更佳的视觉体验.关于AppKit中的系统视图,苹果默认已经进行了暗黑模式适配升级,但对于许多自定义的View,还是需要我们花一点点时间处理的. 0x00...绘制UI控件时,会自动将当前的appearance赋值给控件的appearance(在当前线程中进行); NSAppearance会影响 系统字体(font),颜色(color),文本(text),图片...,从而实现适配效果; 0x03: 自定义View 适配(NSView) 当改变当前的appearance时,AppKit会自动调用NSView的下面几个方法(根据情况调用) updateLayer()...0x04: 定制App的appearance(NSApp) 设置NSView或者NSWindow的appearance: NSView Appearance 注意点!!!...Appearance是存在继承关系的:NSApp->NSWindow->NSView 通过代码方式设置NSView的appearance: class MyContentView : NSView {

    2.3K20
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券