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

Human Interface Guidelines —— Tab Bars

如果由于水平空间有限而无法显示某些选项卡,则最后几个可见tab将变为“更多”tab,从而在单独的屏幕上显示列表中的其他tabs。...如果您需要能够对当前视图中的元素起作用的控件,请改为使用toolbars。 ·避免太多标签 每个额外增加的tab都会减少选择tab时的可点击区域,并增加app的复杂性,从而使寻找信息变得更加困难。...例如,如果iOS设备上没有歌曲,则音乐app中的我的音乐tab将介绍如何下载歌曲。...·使用badging低调沟通 您可以在选项卡上显示badge(包含白色文字、数字或感叹号的红色椭圆),以表明与该视图或模式相关的新信息。...Toolbar 包含用于执行与当前上下文相关的操作的按钮,如创建项目,删除项目,添加注释或拍摄照片。标签栏和工具栏永远不会同时出现在同一个视图中。

1.4K150

Android开发笔记(一百零一)滑出式菜单

可移动页面MoveActivity 滑出式菜单从界面上看,像极了一个水平滚动视图HorizontalScrollView,当然也可以使用HorizontalScrollView来实现侧滑菜单。...可是LinearLayout作为水平展示时有点逗,因为如果下面有两个子视图的宽度都是match_parent,那么LinearLayout只会显示第一个子视图,第二个子视图却是怎么拉也死活显示不了。...) { menuParams.leftMargin = -screenWidth; ll_menu_move.setLayoutParams(menuParams); } } } 水平列表视图...现在有个开源的HorizontalListView,它是水平滚动的列表视图,如果该视图只有两列,左边一列作为菜单页面,右边一列作为内容页面,这就很类似侧滑菜单的功能。...不知道这个情况算不算Fragment的一个bug,不管怎样,系统没有自动回收嵌套的Fragment,就得我们自己手动回收了。

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

零基础入门 23: UGUI ScrollView

Hello,大家好,我是Jimin,马上就是五一假期了,提前祝大家假期愉快 今天要分享的内容,是近期内关于UGUI的最后一篇,UGUI里的滚动视图ScrollView,后期的内容会根据项目实用的功能组件进行分享...那么如何在Unity里制作一个ScrollView呢?有如下两种方式。 今天会使用这俩种方式来为大家制作一个滚动视图。...然后我们将Content拖动到JiminScrollView1上的ScrollRect组件上,一个名为Content的属性即可。...因为我们要创建的是垂直的,所以在ScrollRect组件上把水平滚动去掉。 ? 此时我们运行项目,来查看一下效果。顺便在运行中,我又复制了几个图片,来穿插显示,这样更能体现出我们滚动视图显示。 ?...,就掌握了UGUI里的滚动视图,那么近期的UGUI内容也告一段落,相信零基础入门或者对UGUI不熟悉的同学,经过这一系列的UGUI内容讲述,已经了一个大概的了解了。

3K20

六大布局之FrameLayout

,而它会把这些试图默认放到这块区域的左上角,第一个添加到布局中视图显示在最底层,最后一个被放在最顶层。...2.FrameLayout如何设置其子视图(例如TextView)的位置?...举例,4个TextView:第一层为公司,第二层为办公室,第三层为工位,第四层是程序猿。若不设置TextView的位置,则此四个文字都将默显示在左上角,并且公司在最下面,程序猿在最上面。...,基准线为视图水平和垂直方向的中点,因为办公室在基准线的上方向(负方向),所以为负数) (3)第三层工位 :android:layout_gravity="top" android:layout_marginTop...小伙伴们跟着我们一起学习已经一周时间,相信还有一小部分同学没有创建自己的第一个项目,所以期望你们赶紧行动起来,将这一周的精彩内容都写入你的第一个个人demo中吧。

1.2K10

《面试季》经典面试题(四)

三: 垃圾回收中ROOTS对象哪些   1、引用栈帧中的本地变量表的所有对象   2、引用方法区中静态属性的所有对象   3、引用方法区中常量的所有对象   4、引用native方法的所有对象 四:...七: 使用POI技术时遇到内存溢出该如何解决 1、写操作时遇到内存溢出:     数据量大时,写操作存在溢出风险,可以使用POI官方提供的SXSSYWorkBook相关的API进行写操作(它支持xlsx...  1、易于理解,更好的可读性   2、平台无关性,一次编译,处处运行   3、提供了许多类库,方便开发者的工作,减少开发时间   4、提供了对web的支持   5、具有较好的安全性和健壮性(如垃圾回收...2、优点:     1、耦合性低: View和Model分离,允许修改视图层代码而不用重编译Model和Controller层的代码。     ...    Reloadable: 取值true/false,表示项目改动时,tomcat是否重新加载该项目 方式3、在tomcat的conf/Catalina/localhost目录中创建一个xml

25120

屏幕宽高不够,滚动视图ScrollView来凑

一、ScrollView概述 从前面的学习有的同学可能已经发现,当拥有很多内容时屏幕显示不完,显示不全的部分完全看不见。但是在实际项目里面,很多内容都不止一个屏幕宽度或高度,那怎么办呢?...在默认情况下,ScrollView只是为其他组件添加垂直滚动条,如果应用需要添加水平滚动条,则可借助于另一个滚动视图HorizontalScrollView来实现。...属性值以下几个: outsideInset:该ScrollBar显示视图(view)的边缘,增加了view的padding. 如果可能的话,该ScrollBar仅仅覆盖这个view的背景。...android:scrollbars:设置滚动条显示。属性值:none、horizontal、vertical。...ScrollView的几个常用方法: addView (View child):添加子视图。如果事先没有给子视图设置layout参数,会采用当前ViewGroup的默认参数来设置子视图

3.1K60

《iOS Human Interface Guidelines》——Popover弹出框

比如说,在水平常规环境下,你的内容可以在弹出框中显示;在水平紧凑环境下,你的内容可以在一个全屏的模态视图显示。...一个弹出框: 是一个自包含的模态视图水平常规环境下,显示一个箭头指向它出现的点 半透明的背景显示背后的模糊内容 可以包含大范围的对象和视图,比如: 列表、图片、地图、文本、网页或自定义的视图 导航栏...在水平常规环境下,操作表单总是在弹出框中显示的。 使用弹出框来显示额外的信息或者一系列与关注的或者选中的对象有关的元素。 NOTE 本指南包含显示水平常规环境下的弹出框的UI和用户体验。...如果你在全屏显示水平紧凑环境下显示弹出框,查看Modal View来获取其他全屏模态视图的指南。 不要提供“消除弹出框”的按钮。当弹出框的显示已经不必要的时候它应该自动关闭。...如果你改变太多弹出框的外观,用户就不能依赖他们以前的经验来帮助他们理解如何在你的app中使用它。 当弹出框依然可见时改变其尺寸要谨慎。

63030

Windows Phone 7 Application Controls

List Box 列表框控件(List Box)包含一个数据项的集合,可以通过绑定数据源或者显示自由数据项(unbound items)来构建。列表框是一个项目控件,你也可以用来填充其他控件或者文本。...列表视图项(List View Item)是显示在列表中的矩形视图元素。在Windows Phone 7 CTP中,开发者可以使用多种风格的列表视图项。...如何创建一个好的应用体验,我们在设计过程中,必须牢记以下因素: 利用单色的背景,或者是跨度为整个全景的图片。...直到该全景区域内容要表示时,才显示该全景区域。 Panorama Section Titles 全景区域标题是全景区域的可选部分。...pivot页面不能覆盖水平pan和水平flick功能,因为它与枢轴控件的交互设计相冲突。 pivot标题文字的长度没有限制。显示文字的数量受制于枢轴控件的宽度。 pivot标题高度固定,不能改变。

1.5K70

【Android从零单排系列二十七】《Android视图控件——HorizontalScrollView》

单个子视图:HorizontalScrollView只能有一个直接子视图,该子视图通常是一个水平方向的LinearLayout。...默认值为true,在子视图不足以填充水平空间时,会拉伸子视图使得水平空间被填满。 android:overScrollMode:设置滚动边界效果模式。...可选值"always"(总是显示边界阴影效果)、"never"(永不显示边界阴影效果)和"ifContentScrolls"(仅当内容发生滚动时显示边界阴影效果)。...android:scrollbars:设置滚动条的显示方式。可选值"horizontal"(只显示水平滚动条)、"vertical"(只显示垂直滚动条)和"none"(不显示滚动条)。...可选值"default"(系统默认风格)、"insideInset"(滚动条在内部偏移位置显示)和"outsideInset"(滚动条在外部偏移位置显示)。

26610

SwiftUI中的水平条形图

SwiftUI中的水平条形图 水平条形图以矩形条的形式呈现数据类别,其宽度与它们所代表的数值成正比。本文展示了如何在垂直条形图的基础上创建一个水平柱状图。 水平条形图不是简单的垂直条形图的旋转。...将条形图转换为水平 水平条形图不仅仅是在垂直条形图上的配置,一些元素是可以重复使用的。...更新Y轴 我们创建了一个YaxisHView视图,用于在水平条形图上显示Y轴和条形图中的数据类别。...更新X轴 同样,创建了一个XaxisHView视图显示水平条形图的X轴,并使用与垂直条形图的Y轴类似的代码来布置刻度线和刻度值。...在水平条形图中,显示条形图上的数值并隐藏X轴可以使图表更简洁。 显示和隐藏水平条形图上的元素 结论 创建水平条形图的SwiftUI代码与创建垂直条形图的代码不同。

4.8K20

Flutte部件目录-Material Components 顶

底部导航栏可轻松浏览并在单次点击之间在顶层视图之间切换。 BottomNavigationBar小部件实现此组件。 一个显示在应用底部的材质小部件,用于在少量视图中进行选择,通常介于3到5之间。...底部导航栏由文本标签,图标或两者的多个项目组成,并放置在一块材料的顶部。 它提供了应用程序顶级视图之间的快速导航。 对于更大的屏幕,侧面导航可能更适合。...BottomNavigationBarType.shifting,四个或更多项目时的默认值。...TabBarView 显示与当前选定选项卡相对应的部件的页面视图。 通常与TabBar结合使用。 ?...PopupMenuButton 按下时显示菜单并且当菜单因选择项目而被解除时调用onSelected。 ? ButtonBar 按钮的水平排列。 ?

9.4K40

如何使用 CSS 设置和自定义水平和垂直滚动条

在本文中,我们将讨论何时设置水平和垂直滚动条,如何设置它们以及如何使用CSS自定义它们的外观。...您可以设计您的侧边栏以显示可滚动的导航项目列表。...下面的截图显示了侧边栏与正常内容流分开:固定溢出的侧边栏上面的侧边栏具有固定位置。页面的正文继续滚动,但侧边栏保持在用户的视图中。...在下一节中,我们将学习如何防止导航项目列表显示在侧边栏之外。d). 使用滚动条管理内容溢出防止导航项目显示在侧边栏之外非常简单。...在下一节中,我们将学习如何设置水平滚动条。设置自定义水平滚动条。您可以向网页内的容器添加水平滚动条。水平滚动条可以使用户在较短的容器内查看一系列横向内容。

1K00

Vcl控件详解_c++控件

Items:对各个节点进行操作 MultiSelect:是否允许多选 MultiSelectStyle:当MultiSelect为真时,确定多选择节点如何工作 ReadOnly:是否只读...:对项目进行操作 LargeImages:当ViewStyle为vsIcon时,该控件显示的图像 MultiSelect:是否允许多选 OwnerData:为真时,可指定列表视图为虚拟的...:可在列表视图焦点时获得用户输入的字符序列,列表视图添加字符串到查找字符串,并查找匹配的项 IsEditing:判断当前用户是否正在对项目进行操作 Scroll:可通过水平像素和垂直像素滚动列表视图的内容...OnCustomDrawItem:当必须绘制列表中一个项目时触发 OnCustomDrawSubItem:当必须绘制列表中一个子项目时触发 OnData:当一个项目在列表视图组件中显示前立即发生该事件...OnInfoTip:当用户停止在列表视图中的一个项目上时触发 OnInsert:在列表视图中插入一新的项目发生 OnSelectItem:当选中项目时触发 THeaderControl

4.8K10

SwiftUI 中的内容边距

可运行 Demo提供一个基于提供的代码片段的简化版本的Swift Playground示例,用于演示如何使用contentMargins视图修饰符来管理内容边距。...,其中包含 20 个项目。...根据水平尺寸类别的不同(正常或紧凑),我们使用 contentMargins 视图修饰符来管理水平方向上的内容边距。在紧凑水平尺寸类别下,我们将内容移动了 200 个点,以便在大屏幕设备上居中显示。...文章从创建示例开始,展示了在列表视图如何处理内容边距的问题。...最后,引入了 contentMargins 视图修饰符,并详细解释了其用法和参数,以及如何使用它来管理内容边距。通过本文,读者可以更好地理解并掌握 SwiftUI 中内容边距的管理技巧。

12832

Android界面性能优化必读

比 Dalvik 虚拟机很大的性能提升; ART 虚拟机相对于 Dalvik 虚拟机来说的垃圾回收来说一个很大的性能提升,但 2 – 3 ms 的回收时间对于超过16ms帧率的界限也是足够的。...,用于了解哪些视图过度绘制,又该如何进行改进。...UI渲染性能呈现) 布局边界合理性;(检测元素显示的合理性) 故接下来将围绕这三两点,分别从概念、追踪、挖掘根源以及排查的工具来具体讲述如何解决,以及给开发的优化建议。...另外有些强大但可能少用的工具在测试性能渲染时辅助分析,比如: HierarchyViewer:这个工具常用来查看界面的视图结构是否过于复杂,用于了解哪些视图过度绘制,又该如何进行改进; Tracer for...为低端设备考虑,比如 512M 内存、双核 CPU 、低分辨率,确保你的应用可以满足不同水平的设备。 优化应用的启动速度。当应用启动一个应用时,界面的尽快反馈显示可以给用户一个良好的体验。

4.6K10

android常用布局详解「建议收藏」

View的布局显示方式直接影响用户界面,View的布局方式是指一组View元素如何布局,准确的说是一个ViewGroup中包含的一些View怎么样布局。...ViewGroup类是布局(layout)和视图容器(View container)的基类,此类也定义了ViewGroup.LayoutParams类,它作为布局参数的基类,此类告诉父视图其中的子视图如何显示...center:居中显示,这里并不是表示显示在LinearLayout的中心,当LinearLayout线性方向为垂直方向时,center表示水平居中,但是并不能垂直居中,此时等同于 center_horizontal...android:layout_weight: 权重,用来分配当前控件在剩余空间的大小,如果你不设置,所有的视图都有一个layout_weight值,默认为零,意思是需要显示多大的视图就占据多大的屏幕空间...RelativeLayout 相对布局:是一个ViewGroup以相对位置显示它的子视图(view)元素,一个视图可以指定相对于它的兄弟视图的位置(例如在给定视图的左边或者下面)或相对于 RelativeLayout

1.8K40

如何让玩家进入流:利用移动游戏用户心理分析和保留和转换

; 调整内容根据用户的人口统计数据,添加新的水平和挑战,它可以帮助留住用户; 理解当球员经常离开——是下降的事件,困难的变化如何影响用户保留会话长度和影响力。...如果用户每天都回来的十倍,你可以假设游戏粘性和人只能登录一次或两次; 道/猫:每日活跃用户每月活跃用户的比例和显示应用程序保留和频率用户登录到应用程序。...常见的天用于保留1、3、7日和30日; 低第一天保留显示严重错误的应用程序从一个UI / UX和新员工培训经验的角度来看。...高D1保留项目欺骗性revenue-even虽然你马上得到钱从用户,这样用户的生命周期价值可能更少的承诺; D15保留基准结果更能反映预期收入; D7,然而,可以显著的保留。...所以,让用户坚持一个星期你的应用是成功的关键; LTV流失率的影响,相反的保留和显示多少球员不再玩游戏下载。生产,然而,作为一个总规不能提供任何实质性的洞察力,除非澄清。时间我们看是什么?

1.2K100

微信小程序开发实战(1):容器组件

本文主要介绍了滚动视图组件(scroll-view)的各种常用功能,例如,垂直和水平滚动、滚动事件等,并通过例子代码来演示这些功能的使用方法。 1....垂直滚动视图 scroll-view是容器组件,如果该组件的子组件超过scroll-view的高度或宽度,该组件会允许子组件在垂直或水平方向滚动视图,以便显示其他没有显示的子组件。...水平滚动视图 如果想让scroll-view水平滚动,那么需要设置scroll-x属性为true,布局代码如下: 水平滚动...scrollHeight:垂直滚动时所有子视图的总高度(包括子视图之间的间距),在水平滚动时,该值是scroll-view组件的高度。...scrollWidth:水平滚动时所有子视图的总宽度(包括子视图之间的间距)。在垂直滚动时,该值是scroll-view组件的宽度。

1.3K30

PyQT模块、类、控件介绍

,要么直接将值输入到输入框中 QScrollBar窗口控件 提供了一个水平的或垂直的滚动条 QSlider控件 提供了一个垂直的或水平的滑动条 QComboBox控件 一个组合按钮,用于弹出列表 QMenuBar...RadioButton 单选按钮 CheckBox 复选框 CommandLinkButton 命令链接按钮 DialogButtonBox 对话框按钮盒 Item Views(Model-Based)——项目视图...ListView 列表视图 TreeView 树视图 TableView 表格视图 ColumnView 列视图 UndoView 撤销命令显示视图 Item Widgets(Item-Based...)——项目控件 ListWidget 列表控件 TreeWidget 树控件 TableWidget 表格控件 Containers——容器 GroupBox 分组框 ScrollArea...Label 标签控件 TextBrowser 文本浏览器 GraphicsView 图形视图 CalendarWidget 日期控件 LCDNumber 液晶数字显示 ProgressBar 进度条

43831
领券