用户界面控件GUI元素，类似于列表框，允许用户从列表中选择一个值。当下拉列表处于非活动状态时，它会显示单个值。激活后，它会显示（下拉）一个值列表，用户可以从中选择一个值。
我目前正在尝试在我的 MUI 选择组件中实现默认的下拉菜单外观。 所需菜单： 我当前选择的组件： 我尝试将选择元素标签包装在我的
我想使用 Jetpack Compose 和 Material3 构建一个可搜索的 DropDownMenu。 问题是 DropDownItems 与键盘重叠。我认为所选的 DropDownMenuItem 应该向上滚动，但是...
连续设置一堆标签/下拉列表的样式是什么，但是每个下拉列表的正上方都有一个标签。 目前我的 HTML 中有：
我正在尝试使用html，css和scss制作一个下拉菜单。 如有帮助，将不胜感激。 我正在尝试使用 html、css 和 scss 制作一个下拉菜单。 如有帮助，我们将不胜感激。 <nav> <div class="nav-container"> <div class="nav-logo"><a href="index.html"><img class="logo" src="/img/logo.svg" alt="logo"></a> </div> <div class="search-container"> <div class="fa fa-search search-icon"></div> <div class="input-container"><input type="text" placeholder="search"></div> <div class="fa fa-times cross"> </div> </div> <div class="nav-boxes"> <ul> <div class="nav-link-boxes"> <li class="links"><a href="home.html">home</a></li> </div> <div class="nav-link-boxes"> <li class="links"><a href="catalog.html">catalog</a></li> </div> <div class="nav-link-boxes dropdown-menu"> <li> <div class="links"><a href="paintings.html">portfolio</a></div> </div> <ul class="dropdown"> <div class="nav-link-boxes dropdown-links"> <li>embroidery</li> </div> <div class="nav-link-boxes dropdown-links"> <li>vector</li> </div> </ul> </li> <div class="nav-link-boxes"> <li class="links"><a href="#">contact</a></li> </div> </ul> </div> <img class="login" src="./img/accounticon.svg" alt="login"> </div> </nav> sass 文件 @import "var"; .nav { &-container { z-index: 1; background: $navbar-gradient; margin-top: 2rem; width: 95%; display: flex; position: fixed; justify-content: space-between; align-items: center; border-radius: 4rem; height: 6rem; left: 1.1rem; .search-container { display: flex; align-items: center; justify-content: space-between; text-align: center; background: $search; padding: 1rem; border-radius: 2rem; /* box-shadow: 5px 5px 20px rgb(255, 249, 238); */ input { display: flex; margin: auto auto; margin-left: 1rem; // /* width:500px; */ border: none; outline: none; background: $search; align-items: center; justify-content: flex-start; ::placeholder { color: $placeholder; } } } .nav-boxes { ul .boxes { display: flex; margin-right: 2rem; margin-left: 2rem; align-items: center; list-style-type: none; a { font-family: "Exo 2", sans-serif; text-decoration: none; font-size: 1.4rem; color: $dark-primary; font-weight: 600; &:link, &:visited { border-radius: 2rem; transition: all 0.9s; } } } } .links { margin: 0 0.4rem; } .nav-link-boxes { padding: 0.5rem; margin-right: 0.7rem; background-color: $nav-buttons; border-radius: 3rem; padding-bottom: 0.8rem; &:hover { transform: translateY(-0.3rem); box-shadow: 0 1rem 2rem $white; } &:active { transform: translateY(-0.1rem); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3); } } .login { height: 9rem; overflow: hidden; } } &-logo { padding: 1.5rem; margin-top: 0.5rem; .logo { height: 5.2rem; } } } 我正在尝试制作一个投资组合网站，并且正在创建一个导航栏，在导航栏中的投资组合选项卡中有一个下拉菜单。我在每个列表项周围包裹了一个 div，因此我可以应用样式，并且我无法在整个列表项周围包裹一个 div，否则嵌套列表中的所有列表项都会包含在其中。 我正在使用 sass，似乎存在特异性问题，有些东西不起作用，我不知道如何嵌套它们，但最终我想创建下拉菜单。 下拉菜单的正确 HTML 元素是 <select>。因此，不要写 <ul class="dropdown">，而是写： <select> <option value="embroidery">embroidery</option> <option value="vector">vector</option> </select> 然后您可以根据自己的喜好设置选择元素的样式。例如： select { font-size: 0.8rem; padding: 4px 8px; } 在这里您可以找到有关如何使用下拉控件的好示例。
我需要创建一个下拉列表，其中包含文件夹可以移动到的所有可能的目录。 下拉列表的结构必须如下所示： 主目录 子目录 苏...
ScrollView 影响 Geometry Reader 内的视图
主要内容查看： 结构ContentView：视图{ @State var 编辑：Bool = false @State var inputText：字符串=“” @State var vOffset：CGFloat = 0 @State var hOffset：C...
如何使用数据表单API在DropdownButtonFormField中添加默认选择？
这是我的代码。 我这样声明： var selectedEquipment; 这是我在下拉列表中添加默认值的代码 如果（！isNew）{ 设置状态（（）{ 选定的设备 = 干预['设备']...
我尝试创建一个超级菜单，其中有两个下拉菜单，其中一个效果很好（不幸的是它必须如此；因为悬停状态不会保存）。 现在另一个下拉菜单包含一个菜单，其中...
这里我有 3 个下拉菜单。 当单击外部时，所有 3 个下拉列表均正常关闭，但当我单击另一个下拉列表时，其他下拉列表在已打开时仍保持打开状态。 预期的行为是......
我有一个谷歌表格，其中有一个依赖下拉列表，基于在两个不同的下拉列表中选择的值。我已设法获取依赖列表中的值，但现在基于该值
在 android studio 中使用菜单在 switch case 语句中显示红线
我在R.id.item（需要常量表达式）的情况下遇到了错误代码红线，从menu.xml中查找id，我试图找到问题，但找不到它。 主要活动...
我有一个谷歌表格，其中有 3 个下拉字段。在前 2 个下拉列表中，值只有“是”和“否”，但根据所选的组合，我必须自动填充
如何在新版本中的 DropDownMenuItem 中添加自定义项目
在此应用程序中，我有以下自定义可组合项目 @可组合 有趣的 PriorityItem(优先级：优先级) { 行(verticalAlignment = Alignment.CenterVertically) { 画布（修饰符 = 修饰符。
我构建了一个带有下拉菜单的水平导航栏，该菜单应该在将鼠标悬停在其所在的按钮/链接上时显示，并在鼠标向下移动到下拉菜单上时保持显示...
我有一个按钮可以在我的可组合项中展开下拉菜单。我使用 PopupProperties(focusable = false) 将下拉菜单设置为不获取焦点（我必须这样做，这样键盘就不会被歧视...
设置 AppCompatAutoCompleteTextView 下拉宽度和边距
我有以下 AppCompatAutoCompleteTextView - 我有以下 AppCompatAutoCompleteTextView - <androidx.appcompat.widget.AppCompatAutoCompleteTextView android:id="@+id/phoneNumberPrefixTextView" style="@style/PrimaryEditText" android:layout_width="match_parent" android:layout_height="@dimen/credit_card_form_height" android:gravity="center" android:dropDownWidth="match_parent" android:inputType="number" android:maxLength="3" /> 使用以下列表项 XML - <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingHorizontal="@dimen/padding_16"> <androidx.appcompat.widget.AppCompatTextView android:id="@+id/country_edit_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginHorizontal="@dimen/padding_16" android:layout_marginVertical="@dimen/padding_16" android:fontFamily="@font/montserrat_regular" android:textColor="@color/light_black" android:textSize="@dimen/text_size_normal" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" tools:text="Israel" /> <androidx.appcompat.widget.AppCompatTextView android:id="@+id/country_code_edit_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginHorizontal="@dimen/padding_4" android:fontFamily="@font/montserrat_regular" android:textColor="@color/fog_medium" android:textSize="@dimen/text_size_normal" app:layout_constraintBottom_toBottomOf="@+id/country_edit_text" app:layout_constraintStart_toEndOf="@+id/country_edit_text" app:layout_constraintTop_toTopOf="@+id/country_edit_text" tools:text="+972" /> </androidx.constraintlayout.widget.ConstraintLayout> 以及以下 ArrayAdapter - class CountriesWithCodeAdapter( context: Context, resource: Int, private val items: MutableList<Countries.Country> ) : ArrayAdapter<Countries.Country>(context, resource, items) { private val originalList: List<Countries.Country> = items.toList() private var filteredItems: List<Countries.Country> = items.toList() override fun getItem(position: Int): Countries.Country { return items[position] } override fun getView(position: Int, convertView: View?, parent: ViewGroup): View { val binding: CreditCardCountryWithCodeItemBinding = if (convertView != null) { CreditCardCountryWithCodeItemBinding.bind(convertView) } else { CreditCardCountryWithCodeItemBinding.inflate( LayoutInflater.from(context), parent, false ) } binding.countryEditText.text = items[position].name binding.countryCodeEditText.text = items[position].callingCode return binding.root } override fun getFilter(): Filter = object : Filter() { override fun performFiltering(constraint: CharSequence?): FilterResults { val charString = constraint.toString().lowercase(Locale.getDefault()).trim() filteredItems = if (charString.isEmpty()) { originalList.toList() } else { originalList.filter { country -> country.callingCode.contains(charString, ignoreCase = true) } } val filterResults = FilterResults() filterResults.values = filteredItems return filterResults } override fun publishResults(constraint: CharSequence?, results: FilterResults?) { @Suppress("UNCHECKED_CAST") filteredItems = results?.values as? List<Countries.Country> ?: emptyList() if (filteredItems.isEmpty()) { clear() notifyDataSetChanged() } else { clear() addAll(filteredItems) notifyDataSetChanged() } } } } 我正在尝试实现一种在下拉项中引入填充的行为。我在设置 android:dropDownWidth="match_parent" 的同时添加了列表项填充到根父级，但它似乎实际上没有做任何事情。我错过了什么？ 假设您正在尝试在自动完成文本视图上实现水平边距，您可以尝试为自动完成文本视图创建单独的布局，并将其包含在父布局中，如下所示，这将在自动完成文本视图上设置 16 的水平填充/边距： - 父级布局 <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginHorizontal="16dp" tools:context=".messageCenter.MessageCenterFragment"> <include android:id="@+id/ilAutoCompleteTextView" layout="@layout/autocomplete_textview"/> </androidx.constraintlayout.widget.ConstraintLayout> 子布局 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="16dp" android:paddingLeft="16dp" android:paddingRight="16dp" android:paddingTop="16dp"> <AutoCompleteTextView android:id="@+id/autoCompleteTextView" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#000" android:hint="Enter Your Name Here" android:padding="15dp" android:textColorHint="#fff" android:textStyle="bold|italic" /> </RelativeLayout> 现在是你的代码：- val fruits = arrayOf("Apple", "Banana", "Cherry", "Date", "Grape", "Kiwi", "Mango", "Pear") val adapter = ArrayAdapter(requireContext(), R.layout.select_dialog_item, fruits) //Getting the instance of AutoCompleteTextView val actv = binding.ilAutoCompleteTextView.autoCompleteTextView actv.threshold = 1 //will start working from first character actv.setAdapter(adapter) //setting the adapter data into the AutoCompleteTextView actv.setTextColor(Color.RED)
我正在尝试从官方网站收集戴维斯杯比赛的数据。我能够使用 Python 的 Selenium 取消 2018 年世界组所有比赛和球员的数据，并且我正在尝试......
为什么 DropDownButton 在 Flutter 中不起作用？
我想在 flutter 中制作一个简单的下拉按钮。我检查了所有内容，观看了教程，但我收到一个错误，我根本不理解它。我真的不知道该怎么办...我
在vue(element ui)中将下拉列表中的第一个匹配值设置为默认值？
使用的框架：Vue 和 Element UI 任务：默认显示第一个匹配的值。 问题：如果从普通州中选择德克萨斯州，则打开时会显示来自所有州部分的德克萨斯州...
我使用js库select2。这是我现在拥有的屏幕截图： 开始： 点击下拉菜单： 现在是否可以从一个输入字段开始，而不是直接使用下拉列表？我知道我...