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

折叠屏上应用设计规范,了解一下?

这一做法小屏上或许行得通,当屏幕尺寸较大就会出现明显问题。网格系统则将您布局划分为一系列栏,从而帮助您在规范网格设计更具表现力布局。...△ 使用栏式网格将屏幕划分为三个主要区域 本例,三个主要区域通过重排来保持相同信息层次结构,但以更加人性化方式小屏幕上显示。...△ 使用栏式网格不同屏幕尺寸对内容进行重排 记住网格系统有助于您选择组件行为,不同布局,以对设备尺寸和场景最有意义方式决定替换还是更改组件。...第一种是列表/详情,或列表网格视图简单组合,同时开始展示内容屏幕起始侧,设置/不设置导航容器。 △ 列表/详情布局 支持面板可用于人们需要集中精力体验,例如文档。...等导航容器,屏幕起始侧会被压缩以容纳导航容器

4.3K20

Jmix 2.1 发布

数据网格表头过滤器功能上类似于 propertyFilter,但不占用任何额外屏幕空间,因此可以成为大多数视图默认过滤选择。...当用户滚动选项列表,将分页加载数据。如果用户控件输入一些文本,还可以按文本过滤选项。...因此,这种方法可以支持几乎任何大小数据集作为下拉列表选项来源。 话又说回来,对于较小数据集,使用单独预加载集合容器仍然是更好选择,因为响应更快。...这样一来,控制编写 Java 代码,查看组件树、更改组件属性甚至添加新组件都非常方便。 ▲视图设计 另外,对 Preview(预览)面板也进行了改进。...为了节省打开项目的时间,现在只有 XML 编辑顶部面板中点击 Start Preview 按钮,才会打开预览面板。面板打开后,项目中后续所有打开视图都将展示预览面板

20710
您找到你想要的搜索结果了吗?
是的
没有找到

UI自动化 --- UI Automation 基础详解

它也是其他视图构建基础。由于该视图依赖于底层UI框架,因此WPF按钮原始视图将与Win32按钮原始视图不同。...通过不指定属性情况下搜索元素或使用 RawViewWalker 浏览树,可以获得原始视图。...例如,您可以使用 Invoke 控件模式来处理可以调用控件(如按钮),并使用 Scroll 控件模式来处理带有滚动条控件(如列表框、列表视图或组合框)。...例如,列表视图控件,数据可用于缩略图、磁贴、图标、列表或详细信息视图。 RangeValuePattern IRangeValueProvider 用于具有一系列可应用于该控件控件。...SelectionItemPattern ISelectionItemProvider 用于选择容器控件各个项,如列表框和组合框。

1.1K20

基于三维模型目标识别和分割在杂乱场景应用

本文提出了一种新基于三维模型算法,该算法可以有效地执行该任务,对象三维模型是从其多个无序范围图像离线自动构建,这些视图被转换为多维,用张量表示,通过使用基于哈希表投票方案将视图张量与其余视图张量匹配...(1)离线三维建模 本文对多维视图对应算法使用4d散列表来执行一组对应搜索,如上图中模块B和C,自动建立自由形式对象无序2.5d视图之间对应关系,结果是无序视图之间相对转换生成树,用于基坐标系下粗略地对它们进行配准...构建哈希表,首先,必须为具有复杂性每个视图四个点所有组合构建哈希表(其中n是每个视图或模型点数,N是视图/模型总数);其次,用表面数据点建立哈希表,使匹配过程对分辨率和表面采样敏感,本文采用几何散列变体进行多视图张量匹配...图1 如上图a显示了hasi33个视图连通图算法跟踪,该算法选择具有最大表面积网格MR作为根节点来初始化生成树图, 然后,MR张量与搜索空间中剩余网格张量匹配,具有匹配张量节点从搜索空间中移除...每个子图是通过选择一个根节点并通过将根节点张量与搜索空间中剩余节点张量匹配来连接到它。当根子图节点所有张量与搜索空间剩余节点匹配,从剩余节点中选择另一个子图根节点。

90310

创建水平滚动正确方式【CSS 网格布局】

移动端我们一直使用横向布局。...水平滚动容器列表)已经成为了一种常见布局做法,而不是将东西都堆叠在页面上,这将减少占用小屏幕设备垂直空间。...一种方法指明列表已经滚到最后:列表末尾使用额外空间 布局大纲 开始前,我们概览下需要实现布局特性: 滚动容器必须准守页面的整体布局。比如,外边距和内边距整体要一致。...滚动部分内容,必须在容器边缘露出来。 滚动容器内容必须从屏幕边缘滑出来。 容器内两个内容之间距离要小于边缘距离,这样容器两端都会有更大空间(这提示用户他们已经滑到最后)。...在这个例子,卡片占有视图空间 50% 减去间隔 40px。这时候,我们会看到第三张卡片露出来。 然而,需要注意是,卡片两端被砍断部分。

2.5K50

FL Studio21最新中文版本全新功能详细介绍

插件管理(Plugin Manager)-不再允许某些不兼容插件搜索路径。设置窗口(Settings window)-重新设计了窗口,以允许使用多语言文本,但可能需要更多空间。...具有多列视图搜索选择第一个文件夹。搜索结果显示具有匹配名称文件夹。...“冻结”,浏览停止保存状态(文件夹是否折叠)。“折叠结构”按钮起到“恢复为冻结状态”作用。07钢琴卷视图(View)-更换音符自动滚动钢琴窗。...鼠标滚轮精度(Mouse wheel precision)-使用鼠标滚轮编辑注释语音属性提高了精度。钢琴卷帘窗(Piano roll)-当(双击)模式音乐剪辑片段,所选通道打开。...您现在可以预览窗口中选择要显示缓冲区·压缩(Zip)-压缩项目中添加自定义效果。·触摸控制(Touch controllers)-支持“添加窗口”列表触摸控制窗口。

3.7K20

Harmony 个人中心(页面交互、跳转、导航、容器组件)

,然后定义了一个tabsController,用于进行选项卡控制,接下来使用@Builder装饰构建Tab内容,使用纵向布局将图标和文字居中摆放,根据currentIndex和当前Index判断来进行...然后来看build()函数代码,这里我们使用了Tabs()组件,通过页签进行内容视图切换容器组件,每个页签对应一个内容视图。...默认值:false,我们没有代码设置这个属性,所以默认就是纵向,那么我们再结合这个BarPosition值来看: Start,vertical属性方法设置为true,页签位于容器左侧;vertical...Tabs()中放置了两个TabContent(),TabContent,仅在Tabs中使用,对应一个切换页签内容视图,这个内容视图我们后面来写,这个组件有一个tabBar()属性,用于装载Tab内容...: Resource|string;时候,使用了一个?,表示可以为,下面我们Home增加这两个网格UI展示,代码如下所示: import mainViewModel from '..

2.9K23

最新版水果FL Studio21新版本更新全解析!80项更新与改进!

插件管理(Plugin Manager)-不再允许某些不兼容插件搜索路径。设置窗口(Settings window)-重新设计了窗口,以允许使用多语言文本,但可能需要更多空间。...具有多列视图搜索选择第一个文件夹。搜索结果显示具有匹配名称文件夹。...“冻结”,浏览停止保存状态(文件夹是否折叠)。“折叠结构”按钮起到“恢复为冻结状态”作用。07钢琴卷视图(View)-更换音符自动滚动钢琴窗。...鼠标滚轮精度(Mouse wheel precision)-使用鼠标滚轮编辑注释语音属性提高了精度。钢琴卷帘窗(Piano roll)-当(双击)模式音乐剪辑片段,所选通道打开。...您现在可以预览窗口中选择要显示缓冲区·压缩(Zip)-压缩项目中添加自定义效果。·触摸控制(Touch controllers)-支持“添加窗口”列表触摸控制窗口。

3.3K30

学姐叫我看 CSS 新出容器查询,然后把公共组件重构成响应式

在这种情况下,要么我们将有一个空间,要么项目将扩展以填满可用空间。考虑下图: 第一种情况下(Case 1),文章太宽,会导致封面变形。...随着CSS容器查询到来,我们还将设计一个组件应该如何根据其父组件宽度进行调整。 考虑以下设计: 请注意,我们有标题、文章部分、引文和时事通讯。它们每一个都应该适应父视图宽度。...CSS网格,我们可以通过使用auto-fit关键字告诉浏览,如果列数量低于预期,我们希望展开列(您可以在这里阅读更多相关内容)。...CSS容器查询用例 我们来探索一些可以使用CSS容器查询实现用例。 聊天列表Facebook messenger上看到了这种模式。聊天列表根据视口宽度改变。...我们可以使用CSS容器查询来实现它。 当有足够空间,清单将展开并显示每个用户名称。聊天列表父元素可以是动态调整大小元素(例如:使用CSS视口单元,或CSS比较函数)。

2.2K30

使用 SwiftUI Eager Grids

介绍 早在 2020 年,我们就拥有了 SwiftUI(LazyVGrid 和 LazyHGrid)绘制网格视图控件。两年后,我们又获得了另一种在网格(Grid)显示视图视图控件。...归根结底,性能并不是唯一需要考虑因素。本文中,我们将探索这些新网格,以便您在选择其中一个做出明智决定。 关于容器视图一句话 我们开始探索 Grid 视图之前,让我先谈谈容器视图。...也就是说,接收视图构建并以特定方式呈现其内容视图(HStack、VStack、ZStack、Lazy*Grid、Group、List、ForEach 等)。请耐心等待,这将在以后有所帮助。...我们第一个网格 让我们建立我们第一个网格。语法非常简单。您使用 Grid 容器视图,然后通过对 GridRow 容器单元格视图进行分组来定义其行。...当单元格视图小于可用空间,对齐方式将取决于几个参数。

4.3K20

Material Design — 网格列表(Grid lists)

网格列表 网格列表(Grid lists) 网格列表是标准列表视图替代方法。 Grid lists由以垂直和水平布局排列cell重复后组成。 Grid lists最适用于同质数据类型。...如果tiles文本需要足够突出以区分主要内容片段,请考虑使用不同容器,如lists或cards,可优化文本显示与加快阅读理解。...操作可以打开后续视图,如一张card。 主要操作 ·填充整个tile,因此不会通过图标或文字形式呈现 ·一个特定grid list所有tile中都保持一致。...例如,一个grid list所有标题可能位于左下角,而另一个网格列表所有标题可能会放置左上角。 ? 次要操作与文案位置 ---- 行为 滚动 grid lists通常只能垂直滚动。...全屏grid list会调整大小以适应屏幕宽度。 水平空间收缩,grid list不会转换为list。grid list和list是用于强调不同数据类型独立结构。

3.5K120

水果编曲软件FLStudio最新21简体中文版本

插件管理(Plugin Manager)-不再允许某些不兼容插件搜索路径。 设置窗口(Settings window)-重新设计了窗口,以允许使用多语言文本,但可能需要更多空间。...拖放(Drag & Drop)-拖放多个样本,按住 (Shift) 键播放列表按顺序添加样本。将样本放到轨道上或克隆轨道即可选中。...具有多列视图搜索选择第一个文件夹。搜索结果显示具有匹配名称文件夹。...“冻结”,浏览停止保存状态(文件夹是否折叠)。“折叠结构”按钮起到“恢复为冻结状态”作用。 07钢琴卷 视图(View)-更换音符自动滚动钢琴窗。...您现在可以预览窗口中选择要显示缓冲区 ·压缩(Zip)-压缩项目中添加自定义效果。 ·触摸控制(Touch controllers)-支持“添加窗口”列表触摸控制窗口。

2.7K00

构建实用Flutter文件列表:从简到繁完美演进

实现网格布局文件列表:让你文件管理更加灵活 我们创建了简易文件列表之后,接下来让我们考虑如何实现网格布局文件列表。通过网格布局,我们可以更加灵活地展示文件,并且在有限空间内展示更多文件。...添加网格视图按钮 首先,我们需要在文件列表页面上添加一个按钮,让用户可以选择查看文件列表不同布局方式。我们示例,我们将在AppBar添加一个按钮来切换布局方式。...() { // 构建网格视图 } } 这里我们添加了一个IconButton到AppBar,用来切换文件列表布局方式。...根据按钮点击状态,我们将显示列表视图网格视图。 2. 构建网格视图 接下来,让我们来实现网格视图布局。我们可以使用FlutterGridView组件来展示文件列表。...我们使用了GridView.builder方法来构建网格视图,每行显示两个文件。

17411

Android精通:View与ViewGroup,LinearLayout线性布局,RelativeLayout相对布局,ListView列表组件

标题图 UI描述 对于Android应用程序,所有用户界面元素都是由View和ViewGroup对象构建。View是绘制屏幕上能与用户进行交互一个对象。...用户界面布局 在你APP软件上,用户界面上显示每一个组件都是使用层次结构View和ViewGroup对象来构成,比如,每个ViewGroup都是不可见容器,每个ViewGroup视图组用于组织子视图...View容器,而它视图View可能是输入一些控件或者某块区域小部件UI。...如果你有了层次结构树,你可以根据自己需要,设计出一些布局,但要尽量简单,因为越简单层次结构最适合性能。 要声明布局,可以代码实例化对象并构建,最简单方法也可以使用xml文件。 <?...GridView其实是一个网格一样视图组件,是一个ViewGroup二维视图

1.8K20

HarmonyOS开发学习(3)–页面开发

List和Grid组件 List和Grid也是一种容器组件,效果如下: List组件 List是很常用滚动类容器组件,一般和子组件ListItem一起使用,List列表每一个列表项对应一个ListItem...使用ForEach渲染列表 列表往往由多个列表项组成,所以我们需要在List组件中使用多个ListItem组件来构建列表,这就会导致代码冗余。...Grid组件 Grid组件为网格容器,是一种网格列表,由“行”和“列”分割单元格所组成,通过指定“项目”所在单元格做出各种各样布局。...示例代码效果图如下: 上面构建网格布局使用了固定行数和列数,所以构建网格是不可滚动。然而有时候因为内容较多,我们通过滚动方式来显示更多内容,就需要一个可以滚动网格布局。...Tabs组件 我们常用应用,经常会有视图内容切换场景,来展示更加丰富内容。比如下面这个页面,点击底部页签选项,可以实现“首页”和“我” 两个内容视图切换。

78910

Java Swing JTable

请注意,如果希望独立视图中(JScrollPane外部)使用JTable并希望显示标头,则可以使用getTableHeader()获取它并单独显示它。...源分发演示区域中“ TableExample”目录提供了一些JTable使用情况完整示例,涵盖了如何使用JTable提供从数据库获取数据可编辑视图以及如何修改显示列。...使用专门渲染和编辑。 JTable仅使用整数来引用它显示模型行和列。 JTable只是采用表格形式单元格范围,并在绘制过程中使用getValueAt(int,int)从模型检索值。...因此,在编写TableModel,不必侦听列重新排序事件,因为无论视图中发生什么,都将在其自身坐标系查询模型。...这是一个重要区别,因为当用户重新排列表视图中给定索引处列将发生变化。同时,用户操作永远不会影响模型列顺序。 ?

4.9K10

独家 | Tableau使用窍门:轻松学会设计仪表板

#7 – 使用T键将边条视图从仪表板切换到布局选项卡 使用仪表板,左边条视图上有两个选项卡,仪表板(Dashboard)和布局(Layout)。按下T键可以在这两个选项卡间跳转。 ?...#1 – 双击仪表板画布对象顶部标签以选中容器 这是一个简单小窍门。当选中一个对象,双击这个对象顶部标签可以选中容纳这个对象容器。 ?...注意,这些对象以平铺开始,但是结束将会成为浮动对象。 2. 仪表板底部添加一个对象。 3. 删除“尺寸”图例。 4. 双击对象顶部标签以选中容器。 5....使用移位键(SHIFT)将容器设为浮动对象。注意,当你这样操作,你可以改变容器大小并且使4个工作表容器呈现同等大小。 6. 排版容器以将工作表放在所需位置(浮动容器中平铺对象) 7....使用移位键(SHIFT)+箭头键调整每个工作表位置。我在其间添加了一些空白区域。注意,因为开始容器4个对象都是平铺,它们现在具有相同大小并且整齐地排列。

2.3K20

MPEG V-PCC项目启航

打包过程旨在将提取Patch映射到2D网格上,同时尝试最小化未使用空间并保证网格每个TⅹT块(例如,16ⅹ16块)与唯一Patch相关联。...V-PCC使用简单打包策略,迭代地尝试将Patch插入WⅹH网格。W和H是用户定义参数,其对应于将被编码几何/纹理图像分辨率。通过以光栅扫描顺序执行穷举搜索来确定Patch位置。...选择可以保证Patch无重叠插入第一个位置,并将Patch覆盖网格单元标记为已使用。如果当前分辨率图像没有适合Patch空白区域,则网格高度H会暂时加倍并再次执行搜索。...该过程结束,H减少以便仅考虑所使用网格单元。 B. 图像生成&填充——将点云几何和纹理信息转换成适合于使用传统视频编解码时间相关,分段平滑2D图像。...D.占用图编码 占用图由二进制映射组成,该二进制映射指示网格每个单元是属于空白空间还是属于点云。占用图压缩利用前一小节描述辅助信息,以便检测TⅹT块(即,具有Patch索引0块)。

3.8K50

Vitis指南 | Xilinx Vitis 系列(四)

2.选择一个工作空间,如下图所示。 ? 工作区是IDE工作用于存储项目,源文件和结果文件夹。您可以为每个项目定义单独工作空间,或者具有包含多个项目和类型单个工作空间。...2.“创建新Vitis应用程序项目”页面“项目名称”字段中指定项目的名称 。 ? 3.默认情况下,选择“ 使用默认位置”可以工作空间文件夹中找到您项目。...8.2.4 了解Vitis IDE Vitis IDE打开项目,工作空间将按一系列不同视图和编辑排列,基于EclipseIDE也称为 透视图。...编辑视图底部显示“硬件功能”窗口,该窗口显示分配给要构建到xclbin二进制容器内核。要将内核添加到二进制容器,请单击窗口右上方“ 添加硬件功能”( ? )按钮。...每个构建配置层次结构中都有二进制容器(或.xclbin),二进制容器一个或多个硬件功能,运行配置以及由构建或运行过程生成任何报告或摘要。

1.7K10
领券