开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

我的导航栏中的切换按钮处于非活动状态

导航栏中的切换按钮处于非活动状态通常表示该按钮当前不可点击或不可用。这种状态可能是由于以下几种情况导致的：

页面加载未完成：当页面还在加载中时，切换按钮可能会处于非活动状态，以防止用户在页面加载完成之前进行操作。在这种情况下，用户需要等待页面加载完成后，切换按钮才会变为活动状态。
权限限制：切换按钮可能会根据用户的权限设置而处于非活动状态。例如，如果用户没有足够的权限执行切换操作，按钮可能会被禁用。
当前页面不支持切换操作：切换按钮可能只在特定页面或特定场景下才处于活动状态。如果当前页面不支持切换操作，按钮可能会被禁用。

为了解决导航栏中切换按钮处于非活动状态的问题，可以采取以下措施：

检查页面加载状态：确保页面加载完成后，切换按钮变为活动状态。可以使用前端开发技术，如JavaScript，监听页面加载事件，并在页面加载完成后启用切换按钮。
动态权限管理：根据用户的权限设置，动态调整切换按钮的活动状态。可以通过后端开发技术，如用户权限管理系统，来控制用户对切换按钮的访问权限。
提示用户操作条件：如果切换按钮只在特定页面或特定场景下才处于活动状态，可以在按钮上添加提示信息，告知用户当前页面不支持切换操作，并提供相关的操作指引。

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

腾讯云前端开发产品：https://cloud.tencent.com/product/webhosting
腾讯云后端开发产品：https://cloud.tencent.com/product/cvm
腾讯云软件测试产品：https://cloud.tencent.com/product/ci-cd
腾讯云数据库产品：https://cloud.tencent.com/product/cdb
腾讯云服务器运维产品：https://cloud.tencent.com/product/cvm
腾讯云云原生产品：https://cloud.tencent.com/product/tke
腾讯云网络通信产品：https://cloud.tencent.com/product/vpc
腾讯云网络安全产品：https://cloud.tencent.com/product/ddos
腾讯云音视频产品：https://cloud.tencent.com/product/tiia
腾讯云多媒体处理产品：https://cloud.tencent.com/product/mps
腾讯云人工智能产品：https://cloud.tencent.com/product/ai
腾讯云物联网产品：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发产品：https://cloud.tencent.com/product/mapp
腾讯云存储产品：https://cloud.tencent.com/product/cos
腾讯云区块链产品：https://cloud.tencent.com/product/baas
腾讯云元宇宙产品：https://cloud.tencent.com/product/vr

相关搜索:更改处于活动和非活动状态的底部导航栏中的材质图标 JQuery使按下的按钮处于活动状态，而使所有其他按钮处于非活动状态我想使按钮处于非活动状态，直到满足条件SwiftUI 我想要使父导航链接侧边栏在其子链接处于活动状态(当前页面)时处于活动状态活动的非链接导航栏项目使导航栏在url和其后的url上处于活动状态为什么我获取ClusterNotFoundException引用的群集处于非活动状态？NavigationLink项目区域内的SwiftUI按钮处于非活动状态所有屏幕的底部导航栏都处于颤动状态 CSS对于动态创建的html处于非活动状态如何使数组的第一项处于活动状态，其余项处于非活动状态切换按钮和导航栏标题不是内联的导航栏-切换按钮不显示折叠的元素类似边栏的导航视图-Notes -切换按钮在javascript菜单中的foreach切换应仅在我单击的图标中处于活动状态 Python代码的"build“函数在webots中处于非活动状态导航栏引导中的活动状态不起作用导航栏中奇怪的颜色块，其中某些颜色处于颤动状态检查数组中的所有按钮是否都处于活动状态导航栏中的下拉按钮会扭曲导航栏

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

flutter中的底部导航栏切换

“本文主要介绍flutter中的底部导航栏切换做android原生开发时，底部导航栏是通过自定义布局，图片自己上网找，点击之后还要变色，在切换的时候使用fragment，切换下一个的同时上一个隐藏……...tabs.dart bottomNavigationBar组件，可以直接显示底部按钮，onTap方法进行交互, setState方法可以实时渲染修改界面，currentIndex表示当前按下的位置 import.../ TODO: implement build return Scaffold( appBar: AppBar( title: Text('底部导航栏切换...'), ), /** * 切换底部导航栏的时候动态修改body内容 */ body:this....，但是最好应该使用键值对的形式，可能flutter有类似的方法我还没学到吧，不过，以上从理解的简单程度和实现的简单程度都是碾压原生开发的！

3.5K2 0

react-navigation，刷新你的导航一、属性介绍二、案例

（2）TabNavigator：类似底部导航栏，用来在同一屏幕下切换不同界面（3）DrawerNavigator：侧滑菜单导航栏，用于轻松设置带抽屉导航的屏幕 ?...路径 - 提供routeName到路径配置的映射，它覆盖routeConfigs中设置的路径。 backBehavior - 后退按钮是否会切换到初始路由？...活动标签的背景颜色 inactiveTintColor - 非活动标签的标签和图标颜色 inactiveBackgroundColor - 非活动标签的背景颜色内容部分的样式样式对象 labelStyle...下面的代码采用结构赋值的方法，取出导航中状态机的参数params，取出参数中的user，一样可以拿到外界参数。...非宁静无以致远，非淡泊无以明志。在学习的道路上，多少会遇到泥泞挫折。我可以放慢脚步，但绝能不回头，我的梦想，在路上。

19.7K9 0

【云+社区年度征文】云直播：基于API+SCF+Redis实现流状态同步和查询

直播已结束”，在后台开发中，该如何查询直播流状态呢一般情况下，直播流有三种状态：active活跃、inactive非活跃、forbid禁播，当主播上线推流了之后，该直播间就处于活跃状态，当主播下线断流了之后...，就处于非活跃状态，或叫做断流状态；在直播场景下，了解一个直播间当前是否正在推流是很重要的，用户打开APP之后，需要给他展示当前活跃的直播间列表，当直播断流之后，需要把该流从列表中移除，当进入主播页面时...2、在刚刚创建的API网关服务右边操作按钮中，点击“配置管理”进入基础配置页面，切换到管理API选项卡。 3、在通用API中，点击新建，进入新建API流程。...步骤6、完成SCF云函数的代码编写 1、登录云函数控制台，单击左侧导航栏中的【函数服务】。...2、在刚刚创建的API网关服务右边操作按钮中，点击“配置管理”进入基础配置页面，切换到管理API选项卡。 3、在通用API中，点击新建，进入新建API流程。

2.7K9 2

Windows10中的键盘快捷方式

显示和隐藏桌面 F2 重命名选定项 F3 在文件资源管理器中搜索文件或文件夹 F4 在文件资源管理器中显示地址栏列表 F5 刷新活动窗口 F6 循环浏览窗口中或桌面上的屏幕元素 F10 激活活动应用中的菜单栏...如果应用已处于运行状态，则切换至该应用。...如果应用已处于运行状态，则切换至该应用。...否则，请删除命令行中光标左侧的所有字符。 Ctrl + End（历史记录导航）如果命令行为空，则将视区移动到命令行。否则，请删除命令行中光标右侧的所有字符。...+ 单击任务栏按钮以管理员身份打开应用 Shift + 右键单击任务栏按钮显示应用的窗口菜单 Shift + 右键单击分组任务栏按钮显示组窗口菜单 Ctrl + 单击分组任务栏按钮循环浏览组窗口

4.5K2 0

最新iOS设计规范三｜3大界面要素：栏(Bars)

栏（Bars）栏，可以告诉用户在APP中当前在所在的位置、能提供导航，还可能包含用于触发操作和传递信息的按钮或其他元素。包括6种：导航栏、搜索栏、侧边栏、状态栏、标签栏、工具栏。...有时，导航栏的右侧也会有一个控件，如“编辑”或“完成”按钮，用于管理活动视图中的内容。在拆分视图中，导航栏可能会显示在拆分视图的单个窗格中。...在“照片”应用中浏览全屏照片时，只需轻按一次即可再次显示状态栏。五、标签栏（Tab Bars）标签栏出现在页面底部，可以在APP的不同模块之间快速切换。标签栏是半透明的，也可添加背景颜色。...如果在某些情况下可以使用标签，但在其他情况下则无法使用，则应用程序的界面将变得不稳定且不可预测。确保所有选项卡始终处于启用状态，并说明为什么选项卡内容不可用。...但需要考虑给文本标题的按钮足够的空间。 ? 避免在工具栏中使用分段控件。分段控件允许用户切换上下文，而工具栏只对当前页面提供操作。如果你需要切换页面，请考虑使用标签栏。

9.9K1 0

最全Excel 快捷键总结，告别鼠标！

在扩展模式中，“扩展选定区域”将出现在状态行中，并且按箭头键可扩展选定范围。 Shift+F8：可以使用箭头键将非邻近单元格或区域添加到单元格的选定范围中。...按 Ctrl+Shift+箭头键可将单元格的选定范围扩展到活动单元格所在列或行中的最后一个非空单元格，或者如果下一个单元格为空，则将选定范围扩展到下一个非空单元格。...当功能区处于选中状态时，按向左键或向右键可选择左边或右边的选项卡。当子菜单处于打开或选中状态时，按这些箭头键可在主菜单和子菜单之间切换。当功能区选项卡处于选中状态时，按这些键可导航选项卡按钮。...当菜单或子菜单处于打开状态时，按向下键或向上键可选择下一个或上一个命令。当功能区选项卡处于选中状态时，按这些键可向上或向下导航选项卡组。...在对话框中，按 Ctrl+Tab 可切换到下一个选项卡。在对话框中，按 Ctrl+Shift+Tab 可切换到前一个选项卡。空格键在对话框中，执行选定按钮的操作，或者选中或清除复选框。

7.3K6 0

最新iOS设计规范四｜3大界面要素：视图(Views)

栏（Bars）栏，可以告诉用户在APP中当前在所在的位置、能提供导航，还可能包含用于触发操作和传递信息的按钮或其他元素。包括6种：导航栏、搜索栏、侧边栏、状态栏、标签栏、工具栏。...用户习惯在点击“功能”按钮时弹出活动视图。所以如果必是必须，尽量不要使用其他方法。 ? 三、警示框（Alerts）警示框主要用来传达与APP或设备状态相关的重要信息，并且通常会请求反馈。...当用户点击浮层之外的区域或浮层中的关闭/取消按钮时，浮层应该关闭。如果可以进行多次选择，则浮层还是要保持打开状态，直到用户有意识地对它进行关闭。自动关闭非模式弹出窗口时，请务必保存当前任务。...通过点击屏幕非浮层区域部分，很容易误点而关闭非模态弹出窗口。仅当用户点击取消按钮时才取消当前的任务。在屏幕适当的位置显示浮层。浮层的箭头应尽可能直接指向触发它的元素。...拆分视图提供与选项卡栏相同的快速导航，同时更好地利用了大屏幕。为每种类型的列选择适当的样式。对于显示侧栏的主列，请使用侧栏外观。此外观适用于应用程序级导航和集合列表，例如Mail中的邮箱。

8.5K3 1

Flutte部件目录-Material Components 顶

实现Material Design指南的视觉，行为和运动丰富的小部件。应用程序结构和导航按钮输入和选择对话框，弹出框和面板信息显示布局查看Flutter窗口小部件目录中的更多小部件。...应用程序结构和导航 Scaffold Appbar 上面两个在基本部件中已经讲过。 BottomNavigationBar ? 底部导航栏可轻松浏览并在单次点击之间在顶层视图之间切换。...一个显示在应用底部的材质小部件，用于在少量视图中进行选择，通常介于3到5之间。底部导航栏由文本标签，图标或两者的多个项目组成，并放置在一块材料的顶部。它提供了应用程序顶级视图之间的快速导航。...对于更大的屏幕，侧面导航可能更适合。底部导航栏通常与Scaffold结合使用，在Scaffold.bottomNavigationBar参数中提供它。底部导航栏的type会更改其条目的显示方式。...Radio 单选按钮允许用户从一组中选择一个选项。如果您认为用户需要并排查看所有可用选项，请使用单选按钮进行排他选择。 ? Switch On/off开关切换单个设置选项的状态。

9.5K4 0

最新iOS设计规范二｜7大应用架构

人们通过以下方式关闭卡片：从屏幕顶部向下滑动卡内容滚动到顶部时，可以从屏幕任意位置向下滑动轻按一个按钮工作表常用在无法实现复杂任务的、非沉浸式的模式和内容。...如果使用当前上下文模式视图样式在拆分视图窗格，弹出窗口或其他非全屏视图中显示模式内容，则在紧凑环境中显示模式内容时，应切换为使用工作表。模态设计规范如下：模态要在合适的时机使用。...(二) 平级导航在不同内容类别间进行切换，像音乐和App Store两个APP就是用的这种导航样式。 (三) 内容驱动或体验驱动导航在APP的不同内容间切换，或者由内容本身定义导航。...用户已经很熟悉这些控件了，这样能够让用户更轻松地使用你的APP。使用导航栏贯穿层级结构。导航栏的标题可以显示层级结构中的当前位置，返回按钮可以轻松返回到上一位置。...拆分视图提供与选项卡栏相同的快速导航，同时更好地利用了大屏幕。当您具有内容类型相同的多个页面时，请使用页面控件。页面控件清楚地传达了可用页面的数量以及当前处于活动状态的页面。

2.6K2 0

Windows中的键盘快捷方式大全

F4 在文件资源管理器中显示地址栏列表 F5 刷新活动窗口 F6 在窗口中或桌面上循环浏览屏幕元素 F10 激活活动应用中的菜单栏 Alt + F8 在登录屏幕上显示密码 Alt + Esc 以项目打开的顺序循环切换项目...+ F 打开“反馈中心” Windows 徽标键 + G 打开游戏栏（当游戏处于打开状态时） Windows 徽标键 + H 打开“共享”超级按钮 Windows 徽标键 + I 打开“设置” Windows...（如果它处于展开状态），或者选择其父文件夹 End 显示活动窗口的底端 Home 显示活动窗口的顶端 F11 最大化或最小化活动窗口虚拟桌面键盘快捷方式按此键执行此操作 Windows 徽标键...显示当前选项（如果它处于折叠状态），或者选择第一个子文件夹向左键折叠当前选项（如果它处于展开状态），或者选择其父文件夹 End 显示活动窗口的底端 Home 显示活动窗口的顶端 F11 最大化或最小化活动窗口...Ctrl + Windows 徽标键+ 数字切换到固定到任务栏中的由该数字所表示位置处的程序的最后一个活动窗口。

5.6K2 0

iOS 9人机界面指南(四)：UI元素（上） - 腾讯ISUX

文章索引 4.1.1 状态栏 4.1.2 导航栏 4.1.3 工具栏 4.1.4 工具栏与导航标准按钮 4.1.5 标签栏 4.1.6 标签栏标准图标 4.1.7 搜索栏 4.1.8 范围栏 4.2.1...以下有一些方法可以让滚动的内容能正常显示在状态栏后面：使用导航控制器(navigation controller)来展示内容。导航控制器自动展示状态栏背景，同时能确保内容视图不会出现在状态栏后面。...4.1.2 导航栏导航栏能够实现在应用不同信息层级结构间的导航，有时候也可用于管理当前屏幕内容。 ? ? 导航栏：是半透明的通常位于屏幕的上方，状态栏正下方。...举个例子，不要在同一个应用中使用不透明导航栏和半透明工具栏。在屏幕处于同一方向时，最好不要改变不同屏上导航栏的背景图片、颜色和透明度。确保你自定义的返回按钮的外观与操作仍然像一个返回按钮。...活动是：一种可定制对象，代表着某个可以让用户在app中执行操作的服务以图标的形式呈现，外观与栏按钮图标相似 ? 用户通过点击活动的图标来启动某样活动。

10.1K5 1

iOS 与 Android 的APP 设计差异

Android设备底部有一个全局导航栏，使用导航栏中的后退按钮是返回上一个界面或步骤的简便方法，它适用于所有Android应用。...这个特性就会影响到iOS应用的设计，应用中需要设计一个导航栏，并在左上角加上一个返回按钮。 iOS上的返回按钮严格来说，iOS也有一个返回的全局操作，直接在界面上右滑即可返回上一级页面。...相反，Apple则建议将全局导航放在标签栏中。标签栏放在应用的底部，让应用的核心功能能够快速切换。通常，底部栏标签不会超过5个。...例如，在邮件APP中写邮件，或者在社交APP中发状态都会用到这个浮动按钮。...而在iOS中与之类似的按钮则叫做活动按钮，通常会放在底部导航的中间左边是标准的iOS活动按钮；右侧是标准的Android浮动按钮 IOS与Android底部操作视图的差异在Android中有两种不同类型的底部操作视图

3.4K1 0

大屏时代的生态变迁，看平板手机的拇指热键与界面布局

单手操作平板手机时，人们必须将除拇指之外的四根手指托在机身背后才能保持稳定，这就使拇指的活动范围及相应的热区面积变小了。在单手状态下，平板手机的屏幕上方会有很大一部分区域处于拇指的控制范围之外。...虽然根据Android设计规范的要求，我们应该在小屏手机中将App的导航与功能控件放置在顶部，以避免与底部的系统导航栏产生冲突，但是在大屏设备上，可以将一些高频控件从标准的Action Bar中移出，并放置到屏幕底部...不过毕竟单一按钮的尺寸较小，不会像在系统导航栏上堆叠一层工具栏那样带来很大的影响。在Android的UI体系当中，这种悬浮按钮称为“FAB”（Floating Action Button）。...可以通过屏幕底部的悬浮按钮触发更多功能，同时避免与Android的系统导航栏产生大范围的冲突。此外，也可以尝试将控件放置在顶部，但使其能够响应某种作用于屏幕下方的辅助交互形式。...我总会在用户研究中观察到这样的现象：对移动设备上的网页，除非用户在主要内容区域实在无法找到自己需要的信息，否则他们几乎不会想起主导航。

2.4K1 0

Android交流会-碎片Fragment，闲聊单位与尺寸

男孩：嗯，介绍完了，这些就是了，图片的提供是官方的，可以多看看，Fragment的生命周期可以和activity的生命周期一起了解，这比较容易理解~ 制作底部导航栏以及Fragment实现切换功能图片资源...男孩：实例一下，最后再慢慢细分~ 在MainActivity页面中主要有两个区域：一个是放Fragment 的main_body 一个是放底部导航栏的main_bottom_bar 主要的Fragment...代码块：图片主要的底部导航栏的代码块：图片实例化控件：图片实现底部导航栏的响应导航栏文本颜色和图片切换效果的方法写好了，接下来是点击响应的方法给MainActivity加上View.OnClickListener...接口在生成的onClick()方法中加上导航栏区域的响应别忘了在initView()中添加监听器图片然后通过我之前写的插件自动生成三个Fragemnt ，就可以了不用管生成的Fragement_...里的代码通常用这个来展示，但是代码过长，我们来简化一下我们先来添加一个setMain() 方法，来显示打开界面时，显示的初始页面实现点击底部导航栏来切换响应的fragment,我们在onClick

1.2K2 0

Win10 快捷键大全（史上最全）「建议收藏」

F4 在文件资源管理器中显示地址栏列表 F5 刷新活动窗口 F6 在窗口中或桌面上循环浏览屏幕元素 F10 激活活动应用中的菜单栏 Alt + F8 在登录屏幕上显示密码 Alt + Esc 以项目打开的顺序循环切换项目...+ F 打开“反馈中心” Windows 徽标键 + G 打开游戏栏（当游戏处于打开状态时） Windows 徽标键 + H 打开“共享”超级按钮 Windows 徽标键 + I 打开“设置” Windows...（如果它处于展开状态），或者选择其父文件夹 End 显示活动窗口的底端 Home 显示活动窗口的顶端 F11 最大化或最小化活动窗口虚拟桌面键盘快捷方式按此键执行此操作 Windows 徽标键 +...打开某个应用，或快速打开应用的另一个实例 Ctrl + Shift + 单击某个任务栏按钮以管理员身份打开应用 Shift + 右键单击某个任务栏按钮显示该应用的窗口菜单 Shift + 右键单击某个已分组的任务栏按钮...游戏栏键盘快捷方式按此键执行此操作 Windows 徽标键 + G 打开游戏栏（当游戏处于打开状态时） Windows 徽标键 + Alt + G 录制最后 30 秒 Windows 徽标键 +

16.6K3 0

微信小程序（一）自定义导航栏和fixed失效及各机型兼容问题

这是我参与「掘金日新计划 · 6 月更文挑战」的第2天，点击查看活动详情前言相信掘友们应该或多或少都开发过微信小程序，微信小程序的写法虽然和vue有很多类似的地方，但又有很多vue属性，在小程序中没有类似的实现...为了以后自己和掘友们不再浪费踩坑的时间，我打算写一些文章记录一下我在开发微信小程序中遇到的一些坑和一些小功能的实现过程。...微信小程序（四）绝对不可错过切换自定义菜单栏的骚操作微信小程序（五）不同机型中的输入框兼容问题（待更新） ... cover-view 组件使用 fixed 样式失效问题背景因项目需求，要开发一个自定义...的原因，然后这个问题直到现在好像还没修复解决方案改用 view 和 image 基础组件构建架子就可以了自定义导航栏、状态栏在不同机型的适配背景原因因为不同机型的导航栏和胶囊距上下间距不同...，单位px; 综上所述可知胶囊距离状态栏的距离 = 胶囊距离屏幕顶部的距离(top) - 状态栏的高度(statusBarHeight) 通过这些参数你就可以写出自己想要的各种自定义导航栏的样式了

2.4K1 0

谈一谈|个人博客网站开发记录二

大的导航栏可以视为一个模块，每个红色方形可以视为一个模块。左边4个模块在形式上是一样的，所以一共就3个模块，大的导航栏，页面切换按钮以及搜索框。 1.页面切换按钮制作 ?...利用v-if-else判断点击的时候显示什么，默认状态下显示什么。判断什么时候该按钮处于活跃状态先不考虑，配合v-router这会十分简单。对最外层的div添加‘flex:1;’的样式。...2.导航栏封装大的导航栏只是一个灰色的长方形，等会需要插入多个页面切换按钮，预留slot插槽。在style中添加flex布局‘display:flex;’ navBar.vue ?...导航栏与对应页面的绑定 1. 在views文件中建立所有需要用到的页面 ? 2. 在main.js中引入v-router ?...5.导航按钮绑定路由切换路由可以加载对应模块，当点击导航栏某个按钮时执行切换路由的操作，便完成了页面的切换。 navBarItem.vue ? 效果展示 ? ?

8653 0

React Native顶|底部导航使用小技巧

好在有人提供了更好的导航组件，就是我们今天要讲的react-navigation，并且ReactNative官方更推荐我们使用此组件。本篇文章只讲解基础用法，如果你想了解更多，请戳这里->戳我。 ...backBehavior - 后退按钮是否会使Tab键切换到初始选项卡？如果是，否则设置。默认为行为。...initialRoutenoneinitialRoute tabBarOptions for （iOS上的默认标签栏）TabBarBottom activeTintColor - 活动标签的标签和图标颜色...activeBackgroundColor - 活动选项卡的背景颜色 inactiveTintColor - 非活动标签的标签和图标颜色 inactiveBackgroundColor - 非活动标签的背景颜色...for （Android上的默认标签栏）TabBarTop activeTintColor - 活动标签的标签和图标颜色 inactiveTintColor - 非活动标签的标签和图标颜色 showIcon

7.7K6 0

win8快捷键大全分享，非常全

现把我搜集到的快捷键与大家分享下 Windows 8 Consumer Preview常用快捷键 Windows 键可在开始屏幕主菜单及最后一个应用程序间循环切换 Windows 键 + C 打开“超级按钮...Ctrl + Windows 键 + 数字切换到锁定到任务栏中的由该数字所表示位置处的程序的最后一个活动窗口 Alt + Windows 键 + 数字打开锁定到任务栏中的由该数字所表示位置处的程序的跳转列表...Lock+数字键盘上的减号 (-) 折叠选定的文件夹向左键折叠当前选项（如果它处于展开状态），或者选择其父文件夹 Alt+Enter 打开所选项目的“属性”对话框 Alt+P 显示预览窗格 Alt...+向左键查看上一个文件夹 Backspace 查看上一个文件夹向右键显示当前选项（如果它处于折叠状态），或者选择第一个子文件夹 Alt+向右键查看下一个文件夹 Alt+向上键查看父文件夹 Ctrl...（小数点）按钮 Backspace 按下 Backspace 按钮 Esc 按下 C 按钮 Del 按下 CE 按钮 Ctrl+Shift+D 清除计算历史记录 F2 编辑计算历史记录向上箭头键在计算历史记录中向上导航

3.6K4 0

用Axure画出Web后台产品的菜单栏组件

默认展开左侧菜单的二级页面处于某一页面的时候，对应菜单项都会处于选中状态并呈现不同的样式。点击一级分类即可收起对应的二级页面，再次点击即可展开。默认进入首页，同时首页对应的菜单处于选中状态。...此时所有菜单处于展开状态。菜单栏通常有2级结构，第一级菜单是分类，第二级菜单是页面。一般位于页面左侧，并且是每个页面都有它。01 画出无交互原型1、先画首页文字。...右键点击交互样式，切换到选中状态，然后勾选字色然后输入蓝色#0000FF，点击“确定”按钮。4、再画首页图标的选中样式。右键点击交互样式，切换到选中状态，然后勾选图像滤波，点击“确定”按钮。...9、同时选择所有的菜单栏元件和顶部导航组件，然后右键点击“转换为母版”，然后命名为“菜单栏”。...右侧边栏切换到“交互”，点击“新建交互”按钮，选择触发事件“单击时”，添加动作“打开链接”，链接到“对应的页面”，点击“确定”按钮。14、再画一级分类的交互。

1872 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭