一种用户界面模式，允许在内容的上方，下方或侧面显示带有导航参考的多个页面或元素。单击导航参考时，一个元素可见，而其他元素则关闭。通常，导航参考以指示其当前可见的方式进行颜色编码。
我正在开发一个错误使用选项卡的项目，因此不喜欢 GitHub 桌面应用程序在差异中将它们显示为 4 个空格宽。 这不太好，因为很难阅读...
我正在开发一个应用程序，其中选项卡是使用 FragmentActivity 实现的。由于整个应用程序都需要选项卡，因此广泛使用片段来使应用程序兼容...
我安装了vue-router-tab。 (npm i vue-router-tab -S) 并配置。 main.js 从“vue”导入{createApp}； 从“./App.vue”导入应用程序； 从“./router”导入路由器...
如何检查选项卡之间的通信（重复、刷新选项卡）- Angular
目前我正在为学生进行在线测试。我很难检查学生是否复制当前选项卡或刷新当前选项卡。 因为如果学生抄袭 10 份相同的试卷...
我在我的 GUI 中使用 matlab 中的 uitab 组。然而，UItabgroup 的一个限制是缺乏启用/禁用功能。我尝试通过使用 matlab communn 中的函数来使用其他替代方案...
如何将“x”按钮移动到选项卡左侧以关闭编辑器选项卡？
我是网络表单新手。对于我的新项目（个人），我计划使用网络表单，因为它满足我的大部分要求。不过我不确定 Tabs 是否可以在 webform 中使用，因为它非常重要......
有什么方法可以使我的选项卡布局处于垂直模式吗？ 我尝试以垂直模式制作此选项卡布局，我在任何地方搜索但从未找到以垂直模式制作它的方法。 注意：我正在使用...
我尝试开发左TabLayout，如下图所示。 但问题是 TabLayout 元素不显示并垂直滚动。下面是我的代码，也许我错过了一些东西： 我尝试像下图一样开发左侧 TabLayout。 但问题是TabLayout元素未显示并垂直滚动。下面是我的代码，也许我错过了一些东西： <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_toRightOf="@+id/appBarLay" app:layout_behavior="@string/appbar_scrolling_view_behavior"/> <android.support.design.widget.AppBarLayout android:id="@+id/appBarLay" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_alignParentLeft="true" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="60dp" android:layout_height="match_parent" app:tabBackground="@drawable/tab_color_selector" app:tabGravity="fill" app:tabMode="scrollable" /> </android.support.design.widget.AppBarLayout> </RelativeLayout> 根据 Android 文档： TabLayout 提供水平布局来显示选项卡 但是，我最近在垂直方向实现了TabLayout。这就是我所做的。 使用 TabLayout 旋转 android:rotation="90"。 由于 TabLayout 旋转了 90 度，我使用旋转 -90 度的自定义视图来取消净旋转。 以编程方式设置宽度以匹配屏幕的高度。 以编程方式设置translationX和translationY，将其与屏幕右边缘对齐并垂直居中。 XML <com.google.android.material.tabs.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="88dp" app:tabIndicatorHeight="4dp" app:tabIndicator="@drawable/category_tab_indicator" app:tabBackground="@drawable/category_tab_selector" app:tabTextColor="@color/black" app:tabSelectedTextColor="@color/meesho_primary_text" app:tabMode="scrollable" android:rotation="90"/> 代码中设置 private fun setupTabs(tabLayout: TabLayout, tabItems: List<String>) { val contentHeight = activity!!.window.findViewById<View>(Window.ID_ANDROID_CONTENT).run { bottom - top } // 112dp is a deduction, 56dp for Toolbar and 56dp for BottomNavigationTab val tabLayoutWidth = contentHeight - dpToPx(112) tabLayout.layoutParams.width = tabLayoutWidth // 44dp is basically half of assigned height[![enter image description here][2]][2] tabLayout.translationX = (tabLayoutWidth / 2 - dpToPx(44)).toFloat() * -1 tabLayout.translationY = (tabLayoutWidth / 2 - dpToPx(44)).toFloat() tabItems.forEach { tabData -> tabLayout.newTab().also { tab -> val view = View.inflate(tabLayout.context, R.layout.item_category_tab, null) view.findViewById<TextView>(R.id.tv).text = tabData tab.customView = view tabLayout.addTab(tab) } } } 正如android文档中提到的，请参阅this TabLayout 提供水平布局来显示选项卡。 这意味着您无法使用 TabLayout 显示垂直选项卡。但是，您可以使用 TabHost 来实现它。 查看这些喜欢的内容： http://www.androidhive.info/2011/08/android-tab-layout-tutorial/ Android 中的垂直选项卡 这是使用 Jetpack Compose 实现的 Vertical-TabLayout 库 https://github.com/mohdDanishCode/MDVerticalTabLayout
我在 AppBar 组件中使用 Material-ui Tablist。问题是我有太多选项卡，我想让它们响应 - 当我的屏幕较小时，其中一些选项卡根本不可见......
我是所有这些编码的初学者，只是想从头开始构建我的商店的网站。到目前为止，我在 HTML 代码中学到了很多东西，并且遇到了这种选项卡内容样式，这将有利于...
在 vscode 中，我可以识别活动选项卡并重新着色其选项卡顶部，如是否有一种方法可以使活动选项卡边框在顶部而不是底部突出显示？ 但如果我...
我有一个 iOS/Android .NET MAUI Shell 应用程序，其中带有用户可以登录的选项卡。 如果用户登录或退出我的应用程序，我想将所有选项卡重置为根元素，但我找不到方法来做到这一点。 有没有...
我有一个 iOS/Android Maui Shell 应用程序，其中带有用户可以登录的选项卡。 如果用户登录或退出我的应用程序，我想将所有选项卡重置为根元素，但我找不到方法来做到这一点。 有没有...
我正在使用 SmartTabLayout，当我单击或选择选项卡时，我想禁用波纹效果和一些灰色方形背景。 我将此代码添加到我的 xml 但仍然不起作用： 应用程序：tabBackground =“？...
我尝试创建无 JavaScript 的选项卡。 这有效，但现在我想要像 https://web.dev/articles/building/a-tabs-component 上那样进行 CSS 转换 在那里它用 滚动行为：顺利...
我正在使用类似于 google+ 选项卡的 bootstrap3 选项卡来实现： https://plus.google.com/109537483127696013335 与 google+ 类似，我也使用 History.pushState() 每隔
在 Google Chrome 的地址栏中输入 chrome://newtab 或 about:newtab 时，我们可以显式打开一个新选项卡。 我们如何从网页执行相同的操作？ 我在超链接上尝试过，例如 在 Google Chrome 的地址栏中输入 chrome://newtab 或 about:newtab 时，我们可以显式打开一个新选项卡。 我们如何从网页执行同样的操作？ 我在超链接上尝试过，例如<a href="chrome://newtab" target="_blank">Click to open the Chrome's 'New Tab' page</a>，但它不起作用.. 我什至尝试使用JavaScript使用window.open('chrome://newtab','_newtab')和重定向使用window.location = chrome://newtab，但都不起作用.. 有什么方法可以从网页实现此目的，例如通过单击或重定向到新选项卡？ 希望我的问题现在清楚了。 打开新选项卡最好的方法就是打开空白页面。 需要冒号才能打开类似 chrome:newtab: 的网址 var win = window.open('http://chrome:newtab', '_blank'); 但它们不允许出现在任何网址中： 冒号是保留的，除其用途外不得在未编码的情况下使用 特殊目的（取决于计划）。第 2.2 节： 许多 URL 方案保留某些具有特殊含义的字符： 它们出现在 URL 的特定于方案的部分中 指定语义。如果一个八位位组对应的字符是 在方案中保留时，必须对八位字节进行编码。那些角色 ”;”， “/”、“?”、“:”、“@”、“=”和“&”是可能的字符 为方案中的特殊含义而保留。没有其他角色可以 在计划内保留。 即使你尝试对其进行编码： var win = window.open('http://chrome%3Anewtab', '_blank'); Chrome 不会允许你这样做。您很可能已经看到： 无法打开具有无效 URL“http://chrome:newtab/”的窗口。 Chrome 将允许您使用冒号，但只能作为参数。请看下面的示例，并注意第二个网址中的问号。 被拒绝 var win = window.open('http://something.com%3Apro', '_blank'); 允许 var win = window.open('http://something.com?%3Apro', '_blank'); 在超链接中，您需要将 target="_blank" 放入应答器中。 chrome://newtab/ 是新页面的页面
我有一个使用 Shell Tabs 的 .Net Maui 项目。应用程序底部的选项卡完美对齐，均匀地填充所有空间。内容页面上插入的选项卡对齐到...