Tag: 纹理

纹理最佳实践5: MVVM활용한材质纹理应用程序만들기 서론 图1〜4편까로는를를를본적인본적인본적인본적인뤘고뤘고뤘고뤘고뤘고뤘고뤘고뤘고뤘고본적인본적인본적인본적인본적인본적인본적인본적인본적인듭니듭니듭니듭니듭니듭니。 이번에높높매우매우때문에팅을팅을하신하신하신한한한한한듭니듭니듭니듭니듭니듭니듭니듭니듭니。。。。。。。。。。 RxSwift / RxCocoa Link이해（链接） Texture UI发布（AsyncDisplayKit）型号，视图해이해，기존MVC패턴에패턴에 MVC와MVVM 우선MVVM존에에에존존MVC패턴을말씀드리자면 MVC패턴이Model ?，模型—视图—控制器의로약자리케이션을가지의로역할다。应用程序应用程序控制器控制器模型数据视图，视图视图菜单视图。 iOS장가장기본적인이며，많이쓰이기도다。下载，下载iOS代理到Google Play上的应用程序。 왜이，MVVM패턴이탄생하게된？。 죠다똑같은케리케이션인데죠이죠。 MVC在UI的다。。。上케케케케케케케케면면면면뿐더러뿐더러。 MVC模型模型视图控制器控制器控制器控制器控制器控制器控制器控制器控制器지게다。 따라서查看模型것이것이MVVM패턴입니다。 MVVM模型— ViewModel —查看로있습니다。 ViewModel的下载，ViewModel的ViewModel的下载，ViewModel的下载，ViewModel的下载。 ViewModel模型在模型中的使用。 iOS는ViewController때문에기模型— ViewModel View View（ViewController）이되겠습니다。 면따라서어플되케에에에에에에에에에에에에에에같습니다。다 에MVVM이랑MVC했습니다만른다고감사참조하시면다하겠습니 （이번스포지취지는기아니기비교할려는게이니다。）已下载MVVM，Texture和Github存储库列表。 준비물이필요하겠죠？。사항은같습니다。 Github存储库API（https://api.github.com/repositories） Xcode Cocoapod（Texture，RxSwift / RxCocoa 4.x이상，AlamoFire） 분들은https://github.com/GeekTree0101/RxMVVM-Texture 위의Github存储库를克隆되겠습니다。（星级눌려주시면사하겠습니다。ㅎ）迅速下载Swift4.x。模特과视图를보자！ 우선，개략적으로개략적으알아보도록하겠습니다。在ViewModel中查看ViewModel，在ModelUp中查看模型，在ModelProvider中获取模型。 Model Provider的模型Model和Array的模型。 View저희가만들를넣었고넣었고。나타냈습니다나타냈습니다 […]

流畅响应的VideoPlayer Feed: ASVideoNode 纹理 texturegroup.org 在ASVideoNode上下载Feed。 ASVideoNode应该应该自动播放属性。 이걸是（True）로해주면didEnterVisibleState시켜주고로播放시켜주고didExitVisibleState에서暂停해줍니다。 [国家에기여] 。기까진제문보입니다。设置资产或assetURL的设置值。 Main로主线程断言이걸려있기때문입니다。。다면다음과이음과가완성됩니다。 한쪽당로빨간리는4억7가가지고다고다。播放播放操作可见状态播放GCD播放器2.0秒。 적용하였고를를북과북과다적용하였고적용하였고적용하였고적용하였고적용하였고적용하였고적용하였고하하하하하하하하하하하하하하。 면획자전부Run Run NSRunLoop같이전부리십시오。 고리고退出可见해당Cell해당播放，加载操作을가차없이取消시킵니다。 시리고다시输入可见的시에는다시块操作만들어서PlayOperationQueue에다。 지나간지나간대로〜。이정도면스가상당히다할다있겠습니다。 안녕〜

如何像聊天应用程序一样预先添加ASCellNode: 好吧，您知道这些著名的聊天应用程序。微信和Kakao对话。这些具有共同的特征。这些预附加消息的内容偏移量接近于零。在此之前，我只是自定义了ASBatchFetching，使预附加的提取可以像基本的附加提取一样工作。让contentSize：CGSize = scrollView.contentSize 让viewLength = bounds.size.height 让contentLength = contentSize.height //内容较少如果contentLength <viewLength { 切换scrollDirection { case .down：返回.prepend case .up：返回.append 默认值：return .none} } 让triggerDistance = viewLength * LeadingScreens让剩下的Distance = contentLength — viewLength —偏移量切换scrollDirection { case .down：返回remainingDistance <= triggerDistance吗？ .append：.none 大小写：返回偏移量<triggerDistance吗？ << — @HERE .prepend：.none 默认：返回.none } […]

让我们制作一个iOS Google Chrome浏览器拉动以使用Texture刷新: 轻松响应的UI框架纹理 texturegroup.org 首先，您应该使用indicatorNode创建按钮项。 IndicatorNode只是带有某种颜色的圆形视图。接下来，您必须制作layoutSpec 使用关闭/刷新/加号按钮制作StackLayout 设置关于stackLayout的padding Inset 静态让插入：UIEdgeInsets = .init（顶部：30.0，左侧：0.0，底部：30.0，右侧：0.0） 3.将indicatorNode包装为absoluteLayout。 4.返回带有填充堆栈布局和绝对指示器布局的 WrapperLayoutSpec 接下来，您应该将refresh-node覆盖到tableNode上。哦! layoutSpecThatFits只是使用layoutSpecBlock的自定义方法现在，使用scrollView参数制作updatePostion方法。

纹理+ RxSwift交互式包装: 如何为纹理制作RxSwift交互式包装？基本上，纹理提供了各种基本组件，如下图所示。特别是，我专注于ASControlNode来制作反应式包装。因为，基本上， RxCocoa提供了各种交互式包装器，例如UIButton点击包装器，UIGestureRecognizer事件包装器等。参考：https://github.com/ReactiveX/RxSwift/blob/master/RxCocoa/iOS/UIGestureRecognizer%2BRx.swift https://github.com/ReactiveX/RxSwift/blob/master/RxCocoa/iOS/UIButton%2BRx.swift 因此，如果我专注于ASControlNode，那么我猜想我可以在ASImageNode（UIImageView），ASNetworkImageNode（UIImageView），ASButtonNode等上进行方便的交互式包装。我提到了UIGestureRecognizer + Rx脚本，并将其重新制作为ASControlNode包装器。并按以下代码所示进行扩展。最后，您可以使用像这样的上层代码！参考：使用Texture（AsyncDisplayKit）改善Feed性能 못잡네。。리돌보다발열이심합니다。 겠죠가최적화다는리소？ +이앱이안정적이었는데이이모양이+…+와。 15만지고리20％광탈… medium.com GeekTree0101 / GTTexture-RxExtension GTTexture-RxExtension –基于ASControlNode的Texture RxSwift交互式包装 github.com

具有纹理的模型视图意图: ASRenderModelProtocol和ASRenderModelIdentifier是用于在ASModelSyncronizer上标识模型的便捷ID对象和协议。 ASModelSyncronizer是基于模型唯一标识符的模型管理器。它与线程安全性在后台调度程序上并发工作您可以在基本模型对象上继承ASRenderModelProtocol 你应该做一些这样的业务逻辑我说过我的目标是，必须在Node初始化完成之前初始化所有子节点属性。 GeekTree0101 / RxMVVM-纹理 RxMVVM纹理– RxSwift MVVM模式最佳实践，建立在Texture（AsyncDisplayKit）上，并用Swift编写 github.com 在大型仓库中，您可以看到alll子节点是异步初始化的。即使在超级节点完成其初始化之后，所有子节点也不知道其属性值已被自己初始化。首先，意图将使用模型初始化接下来，意图应该与业务逻辑一起订阅（突变关闭）变异是业务逻辑的封闭 update（to :)是更新目标视图属性，表示输出 interact（from :)表示输入如果需要在绑定值之后更新布局。然后在update（to 🙂 setNeedsLayout参数上插入更新目标节点。您可以从上图看到在节点初始化之前初始化的所有子节点属性都已完成。用户将触摸个人资料图片。届时，个人资料视图将发出点击事件配置文件点击事件将调用从后端服务下载图像 3. ASModelSyncronizer将使用业务逻辑自动更新所有已识别的用户模型。 [1〜2]用户交互>发出>目的 [2〜3]意图>后端服务 [3〜4]后端服务>更新模型的突变关闭 [4〜5]变异>模型更新 [5〜6]模型>突变关闭以进行更新视图 GeekTree0101 / Rx可可纹理 RxCocoa纹理– RxCocoa纹理扩展库。 github.com

使用Texture（aka AsyncDisplayKit）的8个月: 我必须承认我爱React＆React Native。我从2014年开始使用React，从2016年开始使用React Native。我之所以喜欢RN，并不是因为它具有跨平台的机制，而是因为它在设计用户界面时具有务实的方法以及能够将屏幕组成的能力。组件可以具有自己的状态，如果状态发生了变化，则取决于此确切状态的用户界面将重新呈现以反映新值。它加快了开发速度，也使开发人员避免了状态不反映值的错误。我的大部分时间都花在开发本机应用程序上，为此，我一直试图在实践上找到与React Native相当的应用程序，但没有用。直到我偶然发现AsyncDisplayKit（现在称为“ Texture”）。我虽然应该分享到目前为止的经验。我要搜索的是一个包含以下内容的框架/库：设计用户界面时的确定性行为。我对UIKit关于约束冲突的警告感到厌倦，尤其是在使用xib和情节提要时。易于使用，创建任何UI都需要可理解的代码。能够调整复杂组件的大小以适合其内容，尤其是在包含图像和属性文本时。众所周知，在调整包含其他UIView的复杂UIView的大小以适应其全部内容时，UIKit很难掌握。旋转设备时情况会变得更糟。它必须能够与可通过Cocoapods获得的大量自定义控件和视图一起使用。一定要快。快速，快速。毕竟，我们是在谈论本机iOS。 Facebook为此提供了ComponentKit和Yoga。但是，我发现ComponentKit的语法很难使用，尽管它非常快并且受React启发。在撰写本文时，YogaKit（Yoga的iOS API）仍处于测试阶段，但即使不是，我也发现它的语法有些冗长。绊倒Texture（以前称为AsyncDisplayKit）感觉就像呼吸新鲜空气。这很简单。它的文档只有几页，并且根据9种布局系统（在撰写本文时）来进行节点放置，其中可能最常用的是5种。 Texture中的布局系统可预测，快速且易于使用。开箱即用即可兼容Objective C和Swift。没有惊喜。它具有一个简单的动画引擎，该引擎将使用类似React Native的方法来计算从一种布局到另一种布局的过渡，该方法只需几行代码（通常只有一行）即可在同一视图中更改UI。涵盖了我四处移动视图时所需的一半情况。当需要使用自定义控件时，它与UIKit惊人地兼容。它很快。快速燃烧。它进行有关在后台线程中进行渲染的计算，并仅将主线程用于显示。它使用C ++计算对象放置。为了达到我使用普通UIKit对Texture所做的性能，与我使用Texture相比，我需要编写数千行代码。遵循React和Angular在UI组件化方面的领导，Texture大致基于Flexbox布局方法。一切都是纹理中的节点，它是标准UIView的包装。 ASTableNode是UITableView的包装，ASDisplayNode是UIView的包装，ASImageNode是UIImageView的包装。 ASDisplayNode具有一些属性，这些属性定义诸如调整大小时的行为以及默认大小是什么。还提供了便利功能，例如背景色，拐角半径等。如果要使用除标准UIView之外的其他功能（例如来自外部框架的视图或可可豆荚），则可以轻松初始化ASDisplayNode并传递同时执行内容视图，这将使您可以在将要使用任何其他ASDisplayNode的任何地方使用它。节点的放置是通过创建ASLayoutSpec（它们是放置指导者）来确定的。 ASStackLayoutSpec是最常见的。它将节点内部的节点垂直或水平放置，并通过元素，轴等之间的间距进行参数化。内部的每个组件的大小调整都不会具有与其他组件相同的优先级。 flexGrow为0.5表示此组件的增长将少于堆栈中其余组件的增长（后者为1.0），并且将导致对象之间的大小相似。堆栈内部所有元素的flex为1.0意味着所有元素将尝试具有相同的大小。 LayousSpecs可以放入其他LayoutSpecs中。我被要求开发一个具有复杂业务逻辑的应用程序，涉及乘船旅行。 […]