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

如何进行页面切换

分别在右侧数据栏中设置两个标题组件为“主页面”与“子页面”。(记得及时对左侧的组件进行重命名,方便后续区分) 在样式中将子页面标题【隐藏】。...3.2 主页面搭建 选择需要的子组件搭建【主页面】,同样可以在资源库中寻找。将主页面的所有组件放在一个文件夹中(将组件同时选中,鼠标右击,选择【成组】即可)。...3.4 关闭按钮配置 导入/选择需要的按钮组件,可以在资源库中寻找,也可以自行导入。 同样设置成【默认隐藏】。 3.5 配置主页面切换至子页面的效果 在图层中选中【绿色】(主页面需要用来切换的按钮)。...动作1:配置点击主页面绿色按钮【隐藏主页面】的动作。选择组件【主页面】、【主页面标题】。动作为【隐藏】,动画时长根据喜好选择。 动作2:配置点击主页面绿色按钮【出现子页面】的动作。...动作1:配置点击关闭按钮【隐藏子页面】的动作。选择组件【子页面标题】、【关闭】、【子页面】。动作为【隐藏】,动画时长根据喜好选择。 动作2:配置点击关闭按钮【出现主页面】的动作。

10610

【专业技术】还有人在用Qt开发app嘛?

欢迎来到声明式UI语言QML的世界.在本入门教程中,我们使用QML创建一个简单的文本编辑器.阅读这个教程后,就可以使用QML和Qt C++开发应用程序了....QML构造用户界面 我们要构造的应用程序是一个简单的文本编辑器,可以加载,保存,以及执行一些文本处理.本教程包括两个部分.第一个部分使用QML设计应用程序布局和行为.第二个部分中使用Qt C++实现加载和保存文本...现在我们了解了如何定义一个可处理鼠标移动的QML元素.在Rectangle中定义了一个文本标签,自定义其属性,处理鼠标的移动.在元素内部创建子元素的概念会贯穿整个文本编辑器应用程序....按钮必须作为组件来执行动作才有使用价值.下节中将创建一个包含这种按钮的菜单. ?...菜单显示一列内容,其中的每个项都可以执行一个动作.在QML中,有很多种方式创建菜单.首先,我们创建包含可执行不同动作按钮的菜单.菜单代码在FileMenu.qml中.

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

    如何设计出正确的搜索模式?

    以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。 如果你正在阅读这篇文章,那么你一定正在设计一个有搜索功能的网站或应用程序。...(言论来自NNG凯蒂谢尔文的“搜索设计中的放大镜图标”) 一个实际的搜索按钮 不是所有用户都是资深网民,这也就意味着并不是每个用户都知道,一旦在输入框里输入查询内容,按下回车键就可以得到相关信息。...因此,在搜索输入旁边设计一个实际的按钮可以帮助用户确认他们的下一个动作,从而减少用户所需的认知负荷。 注意:避免将按钮放在输入框的左侧,上方或下方。...提示: 在文本输入获得焦点前,你可以隐藏输入按钮。 确保按钮的大小适中,以便点击起来感觉自然。 2.输入特性 有时候,越是闪亮,强大或面积大的东西也不一定能引起人们的注意,搜索模式也一样。...不如将它改为你理想的风格!但切记搜索框的设计必须与你的网站或应用程序的主题相吻合,并同时确保它足够引人注目。

    1.5K60

    每个UI UX设计师都需要知道心理学

    这是所有号召性用语(CTA)与网站或APP的操作按钮醒目的主要原因! ?...冯雷斯托夫效应例子 我们希望用户能够区分简单的操作按钮和CTA,以便他们清楚地了解CTA的功能,同时在整个应用程序或网站的使用过程中记住它。...从左到右,Twitter,Medium,ProductHunt 这就是为什么现在大多数应用程序都将折叠菜单放在底部或顶部栏导航上,将最重要的用户操作放在右侧或左侧。...在上图中,您可以看到来自流行的iOS应用程序的一些示例。每个项目都将“主页”和“配置文件”项目全部放在左侧和右侧,并考虑到序列位置效应。...我相信这个例子清楚地表明,在设计用户界面时需要将事物组合在一起,以及在将事物组合在一起时要小心的重要性,因为用户会很自然地认为它们彼此关联。

    32030

    Xcode:处理故事板的更好方式 享受Interface Builder的提示和技巧

    另一方面,许多开发人员在构建具有复杂导航功能的大型多屏幕应用程序时仍然会遇到一些界面问题。 在本文中,我将在您处理项目中的故事板和笔尖时分享一些好的做法。...否则,当您尝试创建对此故事板的引用时,应用程序将崩溃。...这听起来很简单,但在实践中它需要一些额外的步骤,只会让开发人员感到困惑: 通常,当您为按钮创建动作插座时,Interface Builder将为您创建代码。...在这种情况下,从按钮拖动到“退出”出口是期望代码已经在您的项目中。 通常,当您为按钮创建动作插座时,它会将代码放在拥有该按钮的同一个类中。...在代码中执行它更简单:不是为按钮创建“展开”动作,而是创建常规IBAction并使用dismissViewController或popViewController(取决于您的导航结构): @IBAction

    1.4K30

    类加载机制

    初始化阶段是执行类构造器<clinit>()方法的过程 <clinit>()方法是由编译器自动收集类中的所有类变量的赋值动作和静态语句块(static{}块)中的语句合并产生的,编译器收集的顺序是由语句在源文件中出现的顺序所决定的...类加载器只用于实现类的加载动作。对于任意一个类,都需要由加载它的类加载器和这个类本身一同确立其在Java虚拟机中的唯一性,每一个类加载器,都拥有一个独立的类名称空间。...从开发人员的角度类加载器有三种:启动类的加载器,扩展加载器,应用程序类加载器 启动类加载器:负责将存放在<JAVA_HOME>\lib目录中的类库加载到虚拟机内存中 扩展加载器:负责将存放在<JAVA_HOME...使用双亲委派模型来组织类加载器之间的关系,有一个显而易见的好处就是Java类随着它的类加载器一起具备了一种带有优先级的层次关系。...相反,如果没有使用双亲委派模型,由各个类加载器自行去加载的话,如果用户自己编写了一个称为java.lang.Object的类,并放在程序的ClassPath中,那系统中将会出现多个不同的Object类,

    41720

    从0系统学Android-2.3使用 Intent 在 Activity 之间穿梭

    2.3 使用 Intent 在 Activity 之间穿梭 在上一节中我们已经学会了如何创建一个 Activity 了。对于一个应用程序来说,肯定不可能只有一个 Activity。...上一篇文章:从0系统学Android-2.1Activity的使用 2.3.1 使用显式 Intent 对于创建 Activity 的过程我们已经很熟悉了,下面快速的创建第二个 Activity。...Intent 闪亮登场! Intent 是 Android 应用程序中各个组件进行交互的一个重要的方式。可以通过它指明当前组件想要执行的动作,还可以在不同的组件之间传递数据。...后面两个我们现在还没有学习到,先看启动 Activity。 Intent 大致可分为:显式 Intent 和 隐式 Intent 。先来看显示 Intent 的使用。...这个方法有两个参数,第一个就是上下文,就是启动 Activity 的上下文,第二个是想要启动的目标 Activity 的 Class。如何使用?

    38110

    与视频和图像共同训练 Transformer 以提高动作识别

    动作识别已成为研究界的主要关注领域,因为许多应用程序都可以从改进的建模中受益,例如视频检索、视频字幕、视频问答等。基于 Transformer 的方法最近展示了最先进的技术 在多个基准测试中的表现。...例如,动力学包括以对象为中心的动作,如“悬崖跳水”和“攀冰”,而 SSv2 包含与对象无关的活动,如“假装将某物放在其他东西上”。...我们的方法得到两个主要发现的支持。首先,不同的视频数据集涵盖了多种活动,并且在单个模型中将它们一起训练可能会导致模型在广泛的活动中表现出色。...与标准训练策略相比,CoVeR 有两个优势。首先,由于模型是直接在多个数据集上训练的,因此学习到的视频表示更通用,可以直接在这些数据集上进行评估,而无需额外的微调。...我们的实证研究结果表明,CoVeR 可以学习一个通用的视频理解模型,该模型在许多动作识别数据集中实现了令人印象深刻的性能,而无需对每个下游应用程序进行额外的微调阶段。

    79120

    人性化的UI按钮设计技巧,来了解一下?

    这是因为只要有按钮,我们的下意识就会“检查”它们,直到确认无误后才会”决定”点击。让用户在繁多的按钮当中找到需要点击的那一个,其实是有技巧的,以下5个point,只要运用恰当,点击率一定会直线上升。...按阅读顺序放置按钮 不少app都会有这样的错误:把最重要的按钮放在第一位,想要吸引用户的注意力。这其实是违反人眼的阅读习惯的,在划动屏幕阅读的时代里,用户反而会注意到这些按钮的样式,而不是顺序。...按钮的顺序不是为了被看到,而是为了更快的被点击。将最重要的按钮放在第一位,而不是根据阅读顺序从上往下放置,是十分反人类的。 ?...相比之下,这两个选项,“购物车”的优先级要比“keep shopping”高,因为查看购物车后,还有一次引导用户付款的“机会”。 ?...用图形来强调,如此一来就能确保所有用户都能注意到这个按钮了,即使是没有颜色,它还是整个页面中最闪亮的星! 今天的分享就到这啦,如果以上错误例子你都做过的话,看完文章赶紧改正过来!

    82510

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

    在“电话”应用程序中,带边框的数字键增强了拨打电话的传统模式,“通话”按钮的背景提供了易于击中的醒目的目标。...例如: 菜单会在显示该按钮的按钮附近打开,因此人们可以立即了解菜单项与他们正在执行的动作之间的关系。 除了列出动作之外,菜单还可以提供可供人们用来影响主要动作的选择。...通过菜单,您可以在无需向主界面添加按钮的情况下为用户提供澄清动作目标或自定义动作行为的方法。例如: · 当用户点击应用中的“添加”按钮时,您可以显示一个菜单,让用户指定要添加的项目。...考虑用“更多”按钮来显示菜单。“更多”按钮可以与大多数界面很好地集成在一起,用户也能够理解点击它可以访问其他功能。通常的样式是三个点放在圆形按钮中来表示“更多”。...如果你需要工具栏或导航栏中使用类似功能,请改用按钮,并提供两个不同的图标来传达不同的状态。 避免在开关中添加说明标签。关于开关的打开或关闭,用户是很明确的。

    8.6K30

    《移动互联网技术》第五章 界面开发: 掌握Activity的基本概念,Activity的堆栈管理和生命周期

    (3) 界面布局 在Andriod系统中,所有界面的布局设置都存放在一个专门的xml文件(布局文件)中。布局就像一个可以放置很多控件的容器,控件就摆放在这个容器中。...碎片与碎片之间通信,需要把这两个步骤结合在一起,先在一个碎片中得到它归属的活动,然后再通过这个活动去获得另外一个碎片对象,这样就可以实现两个碎片之间的通信。...这时在堆栈中只有一个活动A的实例存在。从上述的执行过程可以看出,如果某个活动采用singleTask模式,那么在任务(Task)栈中将只有一个该活动的实例。...data(数据) data表示动作要操作的数据。数据作为动作操控的对象,当action + data属性组合在一起,它们描述了意图:“做什么”。在动作上加入数据,表示要完成动作的内容。...答案:Intent解析的匹配规则是: (1)Android系统把所有应用程序包中的Intent过滤器集合在一起,形成一个完整的Intent过滤器列表; (2)在Intent与Intent过滤器进行匹配时

    22510

    Material Design — 按钮( Buttons)

    自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚...卡片 按钮最好放在卡的左侧以增加其可见度。 但是,由于卡片具有灵活的布局,因此可以将按钮放置在适合内容和上下文的位置,同时保持产品内的一致性。...可以在以下位置使用扁平按钮: ·在 toolbars上 ·在提示框中,将按钮操作与对话框内容统一起来 ·Inline, with padding,因此用户可以轻松找到它们 ?...背景比较嘈杂的时候使用浮动按钮 浮动按钮就像一块放在另一张纸上的材料 - 点击时浮起并填充颜色。 ? 按钮海拔 浮动按钮的默认海拔为2dp。 在桌面上,浮动按钮可以在悬停时获得此海拔。 ?...点击菜单中的任意一个选项将会引导到对应的设置页面。 分段式下拉菜单按钮 分段式下拉菜单按钮有两个区域: 当前状态和下拉箭头。点击当前状态会触发状态相应的动作。

    3.9K160

    UI篇-自定义控件之基类UIControl

    UIControl的意义所在 UIControl的主要角色是定义一套接口和基础实现,为iOS的人机交互制定了一系列的标准, 为了当确定的事件发生的时候(比如点击了按钮)准备好动作消息(Action)...当用户点击按钮时,UIControl响应了触摸链的touchesEnded方法,便会根据私有字典,把对应UIControlEventTouchUpInside的目标(target)和目标方法(action...准备并发送动作消息 sendAction:to:forEvent: 响应给定的事件,转发一个动作消息给应用程序派发给目标。...,在进程中重复调用, 查找目标和动作列表在`addTarget:action:forControlEvents:`.之前构造。...在内部派发表中将特定事件的目标和动作移除 removeTarget:action:forControlEvents: 返回所有跟动作事件和特殊指定控制事件相关的动作 actionsForTarget

    1.6K20

    Material Design —悬浮响应式按钮(Buttons: Floating Action Button)

    自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚...不要将其他元素叠放在悬浮响应式按钮上。 ? 一致地使用圆形图标以在app间强制最重要的操作的一致性。 ? 不要给悬浮响应式按钮多余的维度效果。 ?...如果按钮在各个屏幕上的动作保持不变(如有必要,则转换为新位置),该按钮应保持在屏幕上。 列表 悬浮响应式按钮下面的列表应该在它们下面有足够的空间,以便它们的内容不被按钮挡住。...如果您有两个选项 ,即您的浮动操作按钮只显示另一个选项,则选最重要的动作作为悬浮响应式按钮。 如果你有超过六个,用户可能难以触摸到最远的选择。 为用户提供最好,最明显,最少的选择,来减少决策疲劳。...该列表不应包含无关的操作。 ? 变形 浮动操作按钮可以转换为属于应用程序结构的一部分材料。 这种戏剧性的变化突出了按钮所能实现的动作。 悬浮响应式按钮变形时,以有逻辑的方式在开始和结束位置之间转换。

    5.8K90

    从0到1开发Chrome插件

    出于好奇,今天我们一起从 0 到 1 开发一个超级无敌简单的 Chrome 插件,目的只为入门 Chrome 插件基础开发。...,是整个插件的总入口,就连 popup.html 也是在它里面定义的,主要部分 content_scripts 定义了插件生效策略。...ID 为“su”的元素修改为红色,将字体大小修改为 24 像素,其中 ID 为“su”的元素就是百度首页的搜索按钮。...jquery 暂时预留,你可以将 js 和 css 等文件放在根目录,也可以将其放置到自定义文件中,区别只是使用时路径不一样。 其他的文件前面已经解释,不再介绍了。...因为在哔哩哔哩网站中未找到 ID 为“su”的元素,所以执行变红变大动作中断。 访问百度首页 启用插件前 百度首页的搜索按钮“百度一下”为白色,大小合适。

    1.7K30

    成为一个喜鹊程序员

    我时常在想,软件开发人员在某些方面和喜鹊——一种臭名昭著地喜欢偷发亮的物品来装饰它们巢穴的鸟类非常类似。像喜鹊,从定义上说明软件开发人员是一种异常聪明,又有好奇心的动物。...Jeremy Zawodny也注意到正在减少光泽的闪亮新事物: 在一年前,我退订了Steve的博客,因为他习惯于写那些令人窒息的时尚玩意儿,喜欢写最新最闪亮的东西——常常一天几次。...4.亚精英开发人员,往往拥有巨大的影响力(因为精英开发人员往往是孤胆英雄,趋向于独立地工作于研究项目,而不是窝在生产开发团队里),他们会推动新语言在工作场所的发展。...用户不关心你使用的是J2EE,COBOL,还是其他。他们只希望你能提供他们想要的功能。所以,你需要帮助他们发现他们真正需要的是什么,然后一起想象系统是什么样的。 与其得意忘形或盲目地去。...我们工作最根本的是务实原则,目的是为了有效完成工作,而不能仅仅是因为新颖或时髦就被迷得神魂颠倒。 当我们试图使用全能型应用程序框架来终结其他所有应用程序框架的时候,我们(作为一个行业)就会一败涂地。

    91910

    PyQT模块、类、控件介绍

    QtWidgets模块 包含了一整套UI元素控件,用于建立符合系统风格的Classic界面,非常方便,可以在安装时选择是否使用此功能。...QDialog类和QFrame类继承自QWidget类,这两个类有自己的子类系统(Sub-Class System)。 QDialog类 最普通的顶级窗口。...QMenuBar控件 提供了一个横向菜单栏 QStatusBar控件 提供了一个适合呈现状态信息的水平条,通常放在QMainWindow的底部 QToolBar控件 提供了一个工具栏,可以包含多个命令按钮...,通常放在QMainWindow的顶部 QListView控件 可以显示和控制可选的多选列表,可以设置ListMode或IconMode QPixmap控件 可以在绘图设备上显示图像,通常放在QLabel...QLabel:标签类 QPushButton:按钮类 QLineEdit:文本框控件类,仅支持单行输入 QAction:动作类,通常跟菜单类配合使用,点击某菜单触发对应操作。

    64231

    Y combinator初创加速器2020冬季团队大赏——最好与最坏的时代

    都曾在这里闪亮登场。...Ditto Ditto仿照了Figma、Canva、Frontify和Abstract等以设计为中心的协作应用程序的构想,但将重点完全放在了文案写作上。...该平台可让用户创建、更新、跟踪和讨论基于文字的消息传递。Ditto的范围不仅仅限于Web、应用程序和广告设计,它可以在公司任何可以发表言论的地方使用。...Pantheon “小谢尔顿们的天堂” Pantheon是一款以知识竞赛为模型的学习应用程序。中学生可以轻松地调整公式以涵盖各种难度级别和课题,并且以个人身份与他人竞争以提高自己在排行榜中的地位。...Visual One Visual One建立了一个AI平台,该平台与家庭安全摄像头集成在一起以“读取”检测到的特定动作。用户可以创建自定义的警报。该软件还可以检测破坏家具的宠物、顺走快递邻居等等。

    50320
    领券