首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使活动指示器视图在其图层上居中

是通过设置视图的frame属性来实现的。具体步骤如下:

  1. 首先,获取活动指示器视图的宽度和高度。可以使用活动指示器视图的bounds属性来获取宽度和高度值。
  2. 然后,获取父视图的宽度和高度。可以使用父视图的bounds属性来获取宽度和高度值。
  3. 计算活动指示器视图在水平方向上的居中位置。可以通过将父视图的宽度减去活动指示器视图的宽度,并除以2来计算。
  4. 计算活动指示器视图在垂直方向上的居中位置。可以通过将父视图的高度减去活动指示器视图的高度,并除以2来计算。
  5. 设置活动指示器视图的frame属性,将计算得到的水平和垂直居中位置作为视图的origin属性的x和y值,将活动指示器视图的宽度和高度作为size属性的宽度和高度值。

以下是一个示例代码,展示了如何使活动指示器视图在其图层上居中:

代码语言:txt
复制
// 获取活动指示器视图的宽度和高度
let activityIndicatorWidth = activityIndicatorView.bounds.width
let activityIndicatorHeight = activityIndicatorView.bounds.height

// 获取父视图的宽度和高度
let parentViewWidth = parentView.bounds.width
let parentViewHeight = parentView.bounds.height

// 计算活动指示器视图在水平方向上的居中位置
let centerX = (parentViewWidth - activityIndicatorWidth) / 2

// 计算活动指示器视图在垂直方向上的居中位置
let centerY = (parentViewHeight - activityIndicatorHeight) / 2

// 设置活动指示器视图的frame属性
activityIndicatorView.frame = CGRect(x: centerX, y: centerY, width: activityIndicatorWidth, height: activityIndicatorHeight)

这样,活动指示器视图就会在其图层上居中显示。这种居中方式适用于任何类型的视图,不仅限于活动指示器视图。

腾讯云相关产品和产品介绍链接地址:

  • 腾讯云计算服务:https://cloud.tencent.com/product/cvm
  • 腾讯云数据库服务:https://cloud.tencent.com/product/cdb
  • 腾讯云服务器运维服务:https://cloud.tencent.com/product/cds
  • 腾讯云音视频处理服务:https://cloud.tencent.com/product/vod
  • 腾讯云人工智能服务:https://cloud.tencent.com/product/ai
  • 腾讯云物联网服务:https://cloud.tencent.com/product/iot
  • 腾讯云移动开发服务:https://cloud.tencent.com/product/mob
  • 腾讯云存储服务:https://cloud.tencent.com/product/cos
  • 腾讯云区块链服务:https://cloud.tencent.com/product/baas
  • 腾讯云元宇宙服务:https://cloud.tencent.com/product/vr
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

提高效率 |ArcGIS Pro 中所有快捷键一网打尽

Alt 键或 F10 键 在功能区和活动视图或窗格之间移动。启用访问键并在功能区显示按键提示。 Alt + 连字符 (-) 访问相应选项以浮动、停靠或关闭活动视图或窗格。...C 使用浏览工具覆盖活动工具。 Q 漫游。 X 逐步缩小。 Z 持续缩放。 < 转至上一视图。 > 转至下一视图。 1 当地图框处于活动状态时,可在布局缩放和平移。...Shift + 单击 使指针位置居中并放大。 Ctrl + 单击 以指针位置作为视图中心。 在 2D 环境下,这将使视图居中。在 3D 环境下,照相机会转向中心并显示该位置。...地图显示内的视图包括视频帧以及成像平台的地面轨迹。这与缩放至视频视频播放器工具相同。 Ctrl+Alt+F 启用或禁用自动跟踪。 在播放时,将地图显示在传感器的视频帧和地面轨迹保持居中。...Ctrl+Alt+I 在活动视频窗格应用反转像素颜色转换。 这与反转颜色视频播放器工具相同。 像素编辑器 像素编辑器的键盘快捷键 键盘快捷键 操作 L 打开/关闭业务图层的可见性。

1.1K20

iOS 9人机界面指南(四):UI元素(下)- 腾讯ISUX

系统按钮 4.3.18文本框 4.4.1 警告框 4.4.2 操作列表 4.4.3模态视图 4.3 控件 4.3.1 活动指示器 活动指示器表明任务或进程正在进行中,如下图所示。...活动指示器: 当任务进行和加载时旋转,任务完成后自动消失 不支持用户交互行为 在工具栏或主视图中使用活动指示器来告知用户任务或加载正在进行中,但并不提示该过程何时会结束。 不要使用静止的活动指示器。...用活动指示器来让用户知道进程仍在进行中。有些时候,告诉用户进程没有停止比告诉他们何时完成更加重要。 设计一个与应用的风格协调的活动指示器。可以的话,让活动指示器的尺寸和颜色与它所在的背景协调。...4.3.7 网络活动指示器 网络活动指示器在状态栏中出现,表示网络活动正在进行。 ?...网络活动指示器: 出现在状态栏中,当网络活动正在进行时它会旋转,在活动停止时它则消失 不支持用户交互行为 当你的app正在链接网络,而这个连接过程将会持续好几秒的时候,你可以通过网络活动指示器来给用户以反馈

13.2K30
  • 最新iOS设计规范七|10大视觉规范(Visual Design)

    在iOS应用中,您可以配置界面元素和布局,以在iPad执行多任务处理时,在拆分视图中,在屏幕旋转时以及在其他设备上自动更改形状和大小。设计一个适应性强的界面在任何环境下都提供出色的体验非常重要。...通常内容应居中且对称地插入,以使其在任何方向上都不会被圆角夹住、不会被传感器外壳隐藏以及不会被访问主屏幕的指示器遮盖。...由于“Home”指示器仍在屏幕居中,因此它相对于应用程序界面的位置可能会发生变化。 插入全角按钮。延伸到屏幕边缘的按钮可能看起来不像按钮。遵守全角按钮两侧的标准UIKit边距。...系统视图和控件使你的APP文本在所有背景都看起来很好,并自动调整以适应是否有Vibrancy。当你可以使用系统提供的视图来显示该文本时,请不要自己绘制文本。...尽可能将自定义视图与系统提供的视图进行比较,以获得类似功能并使用相同的材质。 利用系统提供的文本、填充、字形和分隔符的颜色。系统提供的颜色会自动使这些项目在半透明背景看起来很棒。

    8.1K30

    Cesium入门之五:认识Cesium中的Viewer

    flyTo(target, options): 使相机飞行到指定的目标位置,并设置相应的动画效果和参数。 forceResize(): 强制刷新Viewer的大小和位置。...场景模式选择器小部件可以让用户在三种场景模式之间进行切换:2D、3D、哥伦布视图。 selectionIndicator: 是否显示选择指示器,默认为true。...此外,如果需要同时显示多个图层,则可以创建一个ImageryLayerCollection,并将多个图层添加到其中,然后将其中一个图层设置为基础图层。...blurActiveElementOnCanvasFocus:控制当用户点击或悬停在Cesium Viewer的画布时,是否将焦点从当前DOM元素中移出。...需要注意的是,默认情况下,此属性被设置为true,因此当用户点击或悬停在Cesium Viewer的画布时,焦点将会自动从当前的DOM元素中移开。如果您想要保留焦点,请将该属性设置为false。

    2.1K40

    SwiftUI 中的内容边距

    前言SwiftUI 引入了一组视图修饰符,使我们能够有效地管理视图中的安全区域。在许多情况下,安全区域是你希望放置内容的地方。...然而,正如你所见,这也将滚动条指示器从后导边缘移到了中心。使用 contentMargins我们需要一种区分视图的内容和工具栏,并仅移动内容而保持工具栏在原地的方法。...幸运的是,SwiftUI 引入了新的 contentMargins 视图修饰符,使我们能够在视图中移动特定类型的内容。...另一个选项是 scrollIndicators,它仅移动指示器。...根据水平尺寸类别的不同(正常或紧凑),我们使用 contentMargins 视图修饰符来管理水平方向上的内容边距。在紧凑水平尺寸类别下,我们将内容移动了 200 个点,以便在大屏幕设备居中显示。

    17632

    【UI 设计】PhotoShop基础工具 -- 移动工具

    : 到刚创建的图像中, 使用 Ctrl + V 快捷键, 拷贝选框选中的图像;  -- 调整大小 : 之后使用 Ctrl + T 快捷键, 调整图像大小到合适位置; -- 缩小图像 : 使用鼠标拖动使图像缩小...; -- 斜切 : 调整斜切的角度, 可以使一个矩形编成平行四边形; 自由变形 : 选中 变换属性中的  , 可以进行自由变形, 不规则 拉伸图片; (5) 对齐 和 分布 对齐 :  -- 对齐...: 选中的图层 与 最上面图层的顶端对齐; -- 垂直居中对齐 : 选中图层 与 最上面图层顶端 和 最下面图层 底端中间对齐; -- 下对齐 : 选中的所有图层元素 与 最下面的底端对齐; -- 左对齐...3D 界面; 旋转工具 : 旋转工具, 可以旋转 3D 视图; 滚动工具 : 滚动工具, 可以使用鼠标左键拖动, 滚动图像; 平移工具 : 拖动鼠标 可以将3D 图形进行 上下左右平移;...滑动工具 : 与拖动工具类似, 但是只能左右滑动, 不能上下移动; 旋转工具 : 将鼠标移动到 3D 物体, 旋转光圈即可; 2.

    1.8K40

    最新iOS设计规范五|3大界面要素:控件(Controls)

    详情展开按钮 详情展开按钮可打开视图(通常是模态视图),其中包含与屏幕特定项目相关的信息或功能。...使用活动指示器和进度条可以使人们知道您的应用没有停止,并让他们知道他们要等待多长时间。 活动加载指示(Activity Indicators) 就是通常我们讲的转菊花。...在iOS 12及更早版本中,以及在全面屏显示的设备,网络活动指示器会在发生联网时在屏幕顶部的状态栏中旋转,联网完成后消失。和活动加载指示器样式一样,并且是非交互式的。 ?...刷新控件是活动加载指示器的一种特殊类型,默认情况下处于隐藏状态,并在向下拖动要重新加载的视图时可见。例如,在“邮件”中,您可以将“收件箱”邮件列表向下拖动以检查是否有新邮件。 ? 执行自动内容更新。...自定义开关的视觉样式,使它与你的设计更协调。根据设计风格,自定义开关在其关闭和打开时的背景颜色,可以使开关在APP中的体验更好。 仅在列表中使用开关。开关用在列表中,例如可以打开和关闭的设置列表。

    8.6K30

    图层几何学 -- iOS Core Animation 系列二

    图层树和寄宿图 -- iOS Core Animation 系列一》介绍了图层的基础知识和一些属性方法。这篇主要内容是学习下图层在父图层怎么控制位置和尺寸的。 1.布局 首先看一张例图: ?...frame代表了图层的外部坐标(也就是在父图层占据的空间),bounds是内部坐标({0, 0}通常是图层的左上角),center和position都代表了相对于父图层anchorPoint所在的位置...视图的frame、bounds、center属性仅仅是存取方法,当操纵视图的frame时,实际是在改变视图对应的CALayer的frame, 不能独立于图层之外改变视图的frame....可以通过指定x和y值小于0或者大于1,使它放置在图层范围之外。 2.1 示例 为了学习这个anchorPoint属性,下面创建一个闹钟的示例demo。 资源文件我是从原文截图下来的 ?...创建4个UIImageView并设置好约束(都是居中显示)。 ? 我们用NSTimer来更新闹钟,使用视图的transform属性来旋转钟表。

    60830

    用这些 iOS 技巧让你的 APP 性能更佳

    在本文中,我们将研究五种优化技巧,使你的 APP 更流畅。...标识符是通过视图层次结构来分组的,从根视图控制器到当前活动视图控制器。...如果视图具有透明度(即 alpha 低于 1.0),那么 iOS 将需要做些额外的工作来混合视图层次结构中不同的视图层以计算出哪些内容需要展示。...另一方面,如果视图设置为不透明,则绘图系统仅会将此视图放在前面,并避免在其后面混合多个视图层的额外工作。...红色表示视图不是不透明的,并且其显示的是在其后面混合的图层。绿色表示视图不透明且未进行混合。 ? 尽可能为 UILabel 指定非透明背景颜色以减少颜色混合图层

    3.2K30

    JavaScript 轮播图:让网页焕发生机

    轮播图是现代网站设计的关键元素之一,它能够使网页更加吸引人,提高用户体验。无需担心,本文将面向基础小白,从头开始解释每一步。...此外,我们还创建了前一个(.prev)和后一个(.next)按钮,以及指示器圆点(.dot)。3. CSS样式设计为了使轮播图看起来更吸引人,我们需要添加一些CSS样式。...for (let i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } // 清除所有指示器活动状态...(" active", ""); } // 显示当前幻灯片 slides[slideIndex - 1].style.display = "block"; // 将当前指示器标记为活动状态...浏览器兼容性:测试您的轮播图在不同的浏览器是否正常工作。移动友好性:确保轮播图在移动设备具有良好的响应性。这就是创建JavaScript轮播图的基础。

    77010

    微信小程序性能监控方式

    下载小程序代码包,并对代码包进行校验(同步下载、异步下载)2) 小程序代码注入(逻辑层)按顺序将小程序的配置和代码、插件或扩展库、开发者代码注入到 JavaScript 引擎中3) 小程序代码注入(视图层...)WXSS 和 WXML 会编译成 JavaScript 代码注入到视图层4) 首页(初次)渲染在逻辑层小程序代码注入完成后,小程序框架会根据用户访问的页面,进行页面组件树初始化,生成初始数据发送到视图层...下载比例: 代码包下载和更新都会显著影响小程序启动耗时,在其他流程耗时稳定的情况下,下载比例升高会影响大盘启动耗时。...;iOS 需要使用系统提供的 WebView 和 JavaScript Core,初始化开销几乎可以忽略;安卓 UI 和系统组件的创建的开销远高于 iOS。...二、页面切换耗时​编辑切换为居中添加图片注释,不超过 140 字(可选)1、加载分包(若有)页面切换时需要下载分包,并在逻辑层注入执行分包内的 JS 代码2、视图层页面初始化每个页面都是由独立的 WebView

    2K20

    【Java 进阶篇】创建 JavaScript 轮播图:让网页焕发生机

    轮播图是现代网站设计的关键元素之一,它能够使网页更加吸引人,提高用户体验。无需担心,本文将面向基础小白,从头开始解释每一步。...此外,我们还创建了前一个(.prev)和后一个(.next)按钮,以及指示器圆点(.dot)。 3. CSS样式设计 为了使轮播图看起来更吸引人,我们需要添加一些CSS样式。...let i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } // 清除所有指示器活动状态...active", ""); } // 显示当前幻灯片 slides[slideIndex - 1].style.display = "block"; // 将当前指示器标记为活动状态...浏览器兼容性:测试您的轮播图在不同的浏览器是否正常工作。 移动友好性:确保轮播图在移动设备具有良好的响应性。 这就是创建JavaScript轮播图的基础。

    42920

    ps快捷键

    l 图层菜单下至新建至图层快捷键 Ctrl + Shift +N 如何删除图层: l 直接点击图层拖动到删除按钮。 l 在图层上点击鼠标右键选择删除图层。...l 选中图层按 Alt 键,点击删除。 l 图层菜单至图层至删除。 如何重命名图层: l 在图层名称双击左键,输入,点击回车即可。 l 图层面板的眼睛图标,点击可以隐藏或显示图层的内容。...l 在图层单击鼠标右键,选择复制图层。 l 图层至新建至通过拷贝的图层,快捷键 Ctrl + J。 l 在笔尖形状下点击出现锁链,这叫做链接图层,链接以后可以整体的对它进行移动。...(5) 选中图层1,按Ctrl 键使选区浮动。...【Ctrl】+【+】 缩小视图 【Ctrl】+【-】 放大视图并适应视窗 【Ctrl】+【Alt】+【+】 缩小视图并适应视窗 【Ctrl】+【Alt】+【-】 满画布显示 【Ctrl】+【0】或 双击抓手工具

    3.9K50

    BubbleRob tutorial 遇到的问题

    为了使模型能够很容易地组合(即构建在彼此之上)而不需要任何额外的修改,考虑模型将扮演什么角色是很重要的:它将被动态模拟吗?它是附在其他模型,还是接受附在它上面的其他模型?...如果没有选择对象,对话框是不活动的。如果选择了多个对象,则可以将一些参数从最后选择的对象复制到其他选择的对象(应用于选择按钮): ? Selectable可选择:指示是否可以在场景中选择对象。...Ignored for view-fitting视图拟合时忽略:当没有选择对象时,将场景拟合到视图时,将不考虑选中此项的对象。通常地板和类似的将被标记为这样。...如果至少有一个可见层与图层选择对话框的图层相匹配,那么当从相机上看到该对象时,它将是可见的。默认情况下,一个形状被指定给第一层,一个关节被指定给第二层,一个假关节被指定给第三层,等等。...Collection self-collision indicator收集自冲突指示器:当在两个相同的收集之间执行冲突(或最小距离)计算时,V-REP通常会将所有收集项与该收集中的所有其他项进行核对。

    1.7K10

    《iOS Human Interface Guidelines》——Table View表视图

    NOTE 编程,这些风格用于表视图的单元格,这是一种告诉表如何绘制行的对象。 Default(UITableViewCellStyleDefault)。...子标题风格包含一个在行左边界可选的图片,跟随的左对齐标题和在其下方的左对齐子标题。 左对齐的文本布局让列表更加易于浏览。...NOTE 所有四个标准表单元格风格都允许额外的表视图元素,比如勾选符号和扩展指示器。添加这些元素会减少标题和子标题可使用的单元格宽度。 清晰而有效地使用表视图来显示大量或少量的信息。...扩展指示器告诉用户点击行的任何地方都会在新列表中显示子集信息。 显示概念的分组信息。两种表视图风格都允许你通过信息章节间的页眉和页脚视图来提供上下文。...表应该在屏幕中间显示一个旋转的活动指示器,伴随着信息文本(比如“加载中...”)。这个行为可以使用户安心。 合适的话,给删除按钮使用一个自定义的标题。

    2.4K20

    一些实用的Photoshop快捷键

    Shift】+【E】 盖印或盖印联接图层 【Ctrl】+【Alt】+【E】 盖印可见图层【Ctrl】+【Alt】+【Shift】+【E】 将当前层下移一层 【Ctrl】+【[】 将当前层移一层 【Ctrl...22.若要在两窗口间拖放拷贝,拖动过程中按住shift键,图像拖动到目的窗口后会自动居中。...23.按住shift选择区域时可在原区域增加新的区域;按住alt选择区域时,可在原区域减去新选区域,同时按住shift和alt选择区域时,可取得与原选择区域相交的部分 24.移动图层和选取框时,按住...25.使用笔形工具制作路径是按住shift键可以强制路径或方向线成水平或垂直或45度角按住ctrl键可暂时切换到路径选取工具按住alt键将笔形光标在黑色的接点单击可以改变方向线的方向,使曲线可以转折;...(2) Vertical Center-(垂直居中) -(3) Bottom Edges-(底边) -(4) Left Edges-(左边) -(5) Horizontal Center-(水平居中

    1.7K30

    iOS 9人机界面指南(四):UI元素() - 腾讯ISUX

    在适当的时候展示网络活动指示器(network activity indicator)。这可以提醒用户显示长时间的网络接入状态。...更多详情请参考本章第三节控件部分的网络活动指示器部分(Network Activity Indicator)。...想设计出好看的模版图标,可以遵循以下原则: 使用透明度适当的黑色或白色 不要使用阴影 进行抗锯齿处理 一个活动模版图大小应该保持在70×70像素左右(高分辨率下),在区域里居中显示。...活动视图控制器通常用作让用户把他们选中的内容复制到他们的社交媒体账户。 不要创建一个自定义按钮来触发活动视图控制器。用户更习惯点击动作按钮后使用系统提供的服务。...当你在滚动视图中使用页面控件的时候,最好禁用同一方向的滚动指示器(scroll indicator)。这样一来可以让用户聚焦到页码控件,并让他们有了一种唯一且清晰的方式来浏览当前内容。

    10.1K51

    如何使用 Tailwind CSS 设计高级自定义动画

    其中一个是较大的圆形,会反弹,另一个是较小的圆形,在其下方旋转。动画效果营造出加载或活动的错觉。...在第二个 div 内,有另一个具有居中、大小调整、脉冲动画效果和灰色背景颜色的 div 元素。 我们在父元素 div 应用了 animate-bounce 类,因此所有内部元素都具有默认的弹性效果。...我们还在一个更大的圆圈应用了 animat-pulse 效果,以实现脉冲效果。 用途:我们可以使用这个动画来展示用户的活动或数据加载效果。...最外层的元素将弹跳,而在其中,将有一个嵌套的元素也会弹跳。 此外,还有一个小点状元素会随着其他元素一起移动和弹跳。...这样就创建了一个小的黑点或指示器,它也会参与弹跳动画。 用途:我们可以使用这个动画来展示文件或图像的处理和加载。 7. 移动的箭头 这段动画代码将在SVG元素创建一个移动动画效果。

    1.5K20

    Android开发之再探底部菜单TabLayout与Bottom navigation实现方式

    layout_height="48dp" android:background="#1FBCD2" //这两句话一起使用 因为底部菜单一般个数不多,使用这种方式,可以等分且居中...app:tabGravity="fill" app:tabMode="fixed" //因为默认指示器在下面,不合适使用在底部菜单所以直接设置其高度为0...但是这种方式不太好定制指示器的位置,默认指示器在下方,按道理底部菜单的时候应该在上方。我看了很多stackoverflow上面同样的problem,试了都不太好使。...Google 在Material Design设计规范中加入底部导航栏(Bottom navigation),真是千呼万唤始出来啊,因为Google 给出的设计规范之前一直所提倡的是导航栏等相关要素应置于视图顶部...,苹果提倡在底部,这次不知怎么的,妥协了~然并卵,谷歌并没有提供对应的控件来实现,用的比较多的还是github的一个开源项目 Bottom Bar

    1.5K40
    领券