文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    图层树和寄宿图 -- iOS Core Animation 系列一

    视图在层级关系中可以互相嵌套，一个视图可以管理它的所有子视图的位置。 在iOS中，所有的视图都是从UIView这个基类派生出来的。...CALayer类在概念上和UIView类似，也是一些被层级关系树管理的矩形块，也可以包含一些内容，并且管理子视图的位置。...1.3 平行的层级关系 每个UIView都对应着一个CALayer，视图的职责是创建并管理这个图层，以确保党子视图在层级关系中添加或者被移除的时候，他们对应的图层也同样的在对应的层级关系树中有相同的操作...2.1.4 maskToBounds 看上面最新的运行图，发现图片超出了视图的边界。因为默认情况下，UIView仍会绘制超过边界的内容，在CALayer也不例外。...假设我们增加原点的值，并减小尺寸的值，例如将它变为{0.25, 0.25, 0.5, 0.5}将会在寄宿图周围留出一个边框。如下图： ? 上图是借用原书的图。

    1.2K20

    鸿蒙开发实战案例：日历切换案例

    年视图使用Canvas绘制显示年视图中每个月。...() { // TODO: 高性能知识点: 年视图使用Canvas绘制显示年视图中每个月，以减少节点数量，同时使用OffscreenCanvasRenderingContext2D离屏绘制，将需要绘制的内容先绘制在缓存区...以月视图为例，Swiper里放三个MonthViewItem月视图子组件，Swiper中索引0，1，2分别对应上个月，本月，下个月份的数据，通过yearMonth进行指定。...年视图使用Canvas绘制显示年视图中每个月，以减少节点数量，同时使用OffscreenCanvasRenderingContext2D离屏绘制，将需要绘制的内容先绘制在缓存区，然后将其转换成图片，一次性绘制到...// 年视图| | |---YearViewItem.ets // 年视图子组件写在最后如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙：点赞，转发

    9220

    iOS开发CoreAnimation解读之二——对CALayer的分析

    iOS开发CoreAnimation解读之二——对CALayer的分析 一、UIView中的CALayer属性 1.Layer专门负责view的视图渲染         每一个UIView的对象中都有一个...可以看出，我们设置view的backgroundColor属性其实起作用的也是layer的backgroundColor。...2.自定义view默认layer属性的类         UIView是很多视图类的父类，根据功能不同，会分出UIImageView，UIScrollerView，UITableView等，CALayer...6.CAShapeLayer CAShapeLayer可以让我们在layer层是直接绘制出自定义的形状。 7.CATextLayer CATextLayer可以通过字符串进行文字的绘制。...8.CATiledLayer CATiledLayer类似瓦片视图，可以将绘制分区域进行，常用于一张大的图片的分不分绘制。

    1.1K20

    Gizmos菜单_gi clamp

    此选项仅在“场景”视图Gizmos菜单中可用; 您不能在游戏视图Gizmos菜单中启用它。 参见显示网格，下面，图像和更多信息。...Selection Outline 选择大纲 请选择外形与周围的彩色轮廓显示所选GameObjects。如果所选的GameObject延伸到场景视图的边缘以外，则轮廓将被裁剪以跟随窗口的边缘。...此选项仅在“场景”视图Gizmos菜单中可用; 您不能在游戏视图Gizmos菜单中启用它。 见选择外形及线材的选择，下面，图像和更多信息。...有些Gizmos仅在选择GameObject时绘制，而其他Gizmos由编辑器绘制，无论选择哪个GameObject。它们通常是线框图，用代码而不是位图图形绘制，并且可以是交互式的。...在此图像中，“场景”视图网格的颜色为深蓝色，以使其在浅色地板上更好地显示： 选择外形和选择线 选择大纲 当选择大纲启用，那么当你选择场景中的视图或层次窗口游戏物体，橙色轮廓周围会出现在场景认为，

    3.7K10

    绘制图形的视图方式为_三角函数图象的平移变换

    (最后绘制的，出现在最前面) // it is legal to cycle through it and remove each subview one at a time for (UIView*...Bounds and Center(边框和中心) CGRectInset函数，画出视图边框 例1: 画一个带有粗边框的视图 UIView* v1 = [[UIView alloc] initWithFrame...(spuerview)的原点导致子视图(subview)位置发生变化 (本例中子视图向左上移动) UIView* v1 = [[UIView alloc] initWithFrame:CGRectMake...CGAffineTransformMakeRotation(45 * M_PI/180.0); 效果: 例2: 缩放变换 v1.transform = CGAffineTransformMakeScale(1.8, 1); 效果： 例3: 子视图先平移后旋转...CGAffineTransformMakeTranslation(100, 0); v2.transform = CGAffineTransformRotate(v2.transform, 45 * M_PI/180.0); 效果: 例4: 子视图先旋转后平移

    60120

    鸿蒙（HarmonyOS）性能优化实战-减少首帧绘制时的冗余操作

    应用冷启动与加载绘制首页应用冷启动即当启动应用时，后台没有该应用的进程，这时系统会重新创建一个新的进程分配给该应用。...加载绘制首页不仅是应用冷启动的四个阶段之一，还是首帧绘制最重要的阶段。而它可以分为三个阶段：加载页面、测量和布局、渲染。本文从这三个阶段入手，分成下面三个场景进行案例优化。...，再将Worker子线程结果发送到主线程并更新到页面。....width('100%') .height('100%') .padding(10) } private async computeTaskAsync(){ // 发送消息到子线程...100) } }, (item: string) => item.toString()) } } } }}减少视图嵌套层次视图的嵌套层次会影响应用的性能

    12920

    鸿蒙开发学习（二）之ArkUI

    在布局容器中，设置该属性不影响父容器布局，仅在绘制时进行位置调整。 相对定位 相对定位不脱离文档流，即原位置依然保留，不影响元素本身的特性，仅相对于原位置进行偏移。...设置该属性，不影响父容器布局，仅在绘制时进行位置调整。 组件 容器组件 对于支持子组件配置的组件，例如容器组件，在"{ ... }"里为组件添加子组件的UI描述。...Color.White) .textAlign(TextAlign.Center) .borderRadius(10) .backgroundColor...0x007DFF) } }, item => item) } } .padding(12) .height('100%') .backgroundColor...fontSize：设置文本尺寸，Length为number类型时，使用fp单位 Image($r("app.media.image2")) .objectFit(ImageFit.Cover) .backgroundColor

    3.7K31

    鸿蒙应用开发-初见：ArkUI

    想了解细节，可参考 SwiftUI 中布局的工作原理小结声明式布局想要布局子视图都会经历由上到下的一个过程，只有知道了子视图的大小之后才能根据对齐方式将子视图放置在准确的位置。...声明式布局几乎都是下面这个套路父视图给子视图一个布局约束（作为Root的根视图默认是充满屏幕的，它给子视图的约束就是屏幕大小）子视图渲染并将自身大小返回给父视图父视图根据子视图的大小和设定的对齐方式计算要放置的位置子视图的布局也遵循以上三步进行递归...RenderNode负责一个节点的显示信息，它形成的Render树维护着整个界面渲染需要用到的信息，包括位置、大小、绘制命令等。...后续的布局、绘制都是在Render树上进行的⑤ 实现真正的渲染并显示绘制结果按钮点击到更新显示(⑥~⑪)⑥ 点击事件传递到组件，组件的onClick事件方法被触发执行⑦ 由于onClick事件方法中@State...getter/setter函数会被触发⑧ 状态管理模块定位出关联的UI组件⑨ 状态管理模块更新相应的Element树的信息⑩ 更新相应的UI组件的渲染信息⑪ 界面显示，与⑤类似盒子模型上面我们说的布局原理，子视图上报给父视图自身大小的值是指

    27810

    鸿蒙-元服务-坚果派-第二章 页面与布局

    router 路由 路由概述 路由用于管理应用程序中的不同页面或者视图之间的导航。它就像是一张地图，指引用户（或者应用内部的逻辑）从一个地方（页面）到另一个地方。...通过在子组件上设置锚点规则（AlignRules）使子组件能够将自己在横轴、纵轴中的位置与容器或容器内其他子组件的位置对齐。设置的锚点规则可以天然支持子元素压缩、拉伸、堆叠或形成多行效果。...选项卡（Tabs） 选项卡可以在一个页面内快速实现视图内容的切换，一方面提升查找信息的效率，另一方面精简用户单次获取到的信息量。...在布局容器中，设置该属性不影响父容器布局，仅在绘制时进行位置调整。 相对定位 相对定位不脱离文档流，即原位置依然保留，不影响元素本身的特性，仅相对于原位置进行偏移。...设置该属性，不影响父容器布局，仅在绘制时进行位置调整。 对子元素的约束 **拉伸：**容器组件尺寸发生变化时，增加或减小的空间全部分配给容器组件内指定区域。

    9110

    React Native布局详细指南

    父视图属性(容器属性)： flexDirection enum(‘row’, ‘column’,’row-reverse’,’column-reverse’) flexWrap enum(‘wrap’,...flexDirection flexDirection enum('row', 'column','row-reverse','column-reverse') flexDirection属性定义了父视图中的子元素沿横轴或侧轴方片的排列方式...flexWrap flexWrap enum('wrap', 'nowrap') flexWrap属性定义了子元素在父视图内是否允许多行排列，默认为nowrap。...flex-end', 'center', 'space-between', 'space-around') justifyContent属性定义了浏览器如何分配顺着父容器主轴的弹性（flex）元素之间及其周围的空间...子视图属性 alignSelf enum(‘auto’, ‘flex-start’, ‘flex-end’, ‘center’, ‘stretch’) flex number alignSelf alignSelf

    2.7K30

    基础篇章：React Native 之 View 和 Text 的讲解

    ，也可以有任意多个任意类型的子视图。...Transforms... backfaceVisibility 可选参数['visible', 'hidden']，视图显示还是隐藏 backgroundColor color 背景颜色 borderBottomColor...yes - 这个视图对于辅助功能而言重要。 no - 这个视图对辅助功能不重要。 no-hide-descendants - 这个视图，以及所有的后代视图，都对于辅助功能不重要。...renderToHardwareTextureAndroid bool android 决定这个视图是否要把它自己（以及所有的子视图）渲染到一个GPU上的硬件纹理中。...PropTypes.oneOf(AccessibilityTraits) ios 终于来了一个ios的，参数太多，自己去看吧，我对ios也不是很熟 shouldRasterizeIOS bool ios 决定这个视图是否需要在被混合之前绘制到一个位图上

    2.6K50

    iOS动画-CALayer基础知识

    本篇主要内容： 1.理解视图与图层 2.CALyer寄宿图与contents属性 3.UIView方法绘制自定义寄宿图 4.CALyer方法绘制自定义寄宿图 5.Frame与Bounds的区别...视图的的职责就是创建并管理这个图层，以确保子视图在层级关系中添加或者被移除的时候，它们的关联图层也同样对应在层级关系树当中有相同的操作。...，默认1.0;1.0：以每个点1个像素绘制图片；2.0：以每个点2个像素绘制图片，Retina屏幕； maskToBounds（BOOL) clipsToBounds（BOOL) 超出边界的内容或者子视图是否显示...contentsRect (CGRect) 允许在图层边框里显示寄宿图的一个子域 contentCenter (CGRect) 定义一个固定的边框和一个在图层上可拉伸的区域 三、UIView方法绘制自定义寄宿图...masksToBounds属性，但示例中绘制的视图依然被裁剪了，这是因为通过CALayer绘制寄宿图并没有对超出边界外的内容提供绘制支持； 3.设置代理 CALayerDelegate不能是UIView

    1.9K50

    基础篇章：关于 React Native 之 DrawerLayoutAndroid 组件的讲解

    DrawerLayoutAndroid 是通过 renderNavigationView 方法渲染的，并且它的直接子视图是放置内容的主视图。...我们的这个抽屉导航视图一开始是看不见的，就像抽屉一样，你不拉开抽屉你看不到东西，所以导航视图可以从drawerPosition指定的窗口侧面拖拽出来，并且抽屉的宽度可以使用drawerWidth属性来指定...onDrawerOpen func 当导航视图被打开后调用该方法 onDrawerSlide func 每当导航视图（抽屉）产生交互相互作用的时候调用此回调函数 onDrawerStateChanged...renderNavigationView 该方法用于渲染一个可以从屏幕一边拖入的导航视图 statusBarBackgroundColor color 使抽屉导航覆盖整个屏幕，并绘制状态栏的背景，使其能够在覆盖到状态栏...flexDirection:'column', height:150, justifyContent: 'center', alignItems: 'center', backgroundColor

    2.5K70

    HarmonyOS 开发实践——相对布局 RelativeContainer

    视图主要分为上下两部分纵向排列，上部分是一张图片，下部分横向排列两个按钮。...ID 默认为“container”，其余子元素的 ID 通过 id 属性设置。未设置 ID 的子元素在 RelativeContainer 中不会显示。互相依赖，环形依赖时容器内子组件全部不绘制。...同方向上两个以上位置设置锚点，但锚点位置逆序时此子组件大小为 0，即不绘制。然后我们对图片组件设置偏移如.offset({ x: 0, y: -50 })即可实现我们想要的效果。...正确示例代码如下：Row().width(100).height(100) .backgroundColor("#FF3333") .alignRules({ top: {anchor: "_...left: {anchor: "__container__", align: HorizontalAlign.Start} }) .id("row1")Row().width(100) .backgroundColor

    14920
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券