material-design 相关问题

我在使用 Jetpack Compose 时遇到 Android 界面选项卡中的文本和图标问题

在此代码中，在文本参数中，我收到错误：@Composable 调用只能在 @Composable 函数的上下文中发生，图标也发生同样的情况：@Composable 调用可以

Material Design 带有 recyclerview 的滚动搜索栏

我希望我的材料设计搜索栏在我的回收视图中向下滚动时滚动/折叠。我遵循了这里的指导方针，但我无法让它工作。 我的活动 XML： 我希望我的材料设计搜索栏在我的回收视图中向下滚动时滚动/折叠。我遵循了here的指导方针，但我无法让它工作。 我的活动 XML： <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" xmlns:app="http://schemas.android.com/apk/res-auto"> <com.google.android.material.appbar.AppBarLayout android:id="@+id/appBarLayout" android:layout_width="match_parent" android:layout_height="wrap_content" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent"> <com.google.android.material.appbar.MaterialToolbar android:id="@+id/topAppBar" android:layout_width="match_parent" android:layout_height="wrap_content" android:minHeight="?attr/actionBarSize" app:title="Test" app:navigationIcon="@drawable/ic_navigate_back"/> </com.google.android.material.appbar.AppBarLayout> <fragment android:id="@+id/nav_host_fragment_activity_standalone" android:name="androidx.navigation.fragment.NavHostFragment" android:layout_width="match_parent" android:layout_height="0dp" app:defaultNavHost="true" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintTop_toBottomOf="@id/appBarLayout" /> </androidx.constraintlayout.widget.ConstraintLayout> 我的片段 XML： <?xml version="1.0" encoding="utf-8"?> <androidx.coordinatorlayout.widget.CoordinatorLayout 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"> <!-- NestedScrollingChild goes here (NestedScrollView, RecyclerView, etc.). --> <androidx.recyclerview.widget.RecyclerView android:id="@+id/recUserlist" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginStart="16dp" android:layout_marginEnd="16dp" android:orientation="vertical" app:layout_behavior="@string/appbar_scrolling_view_behavior" app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" /> <com.google.android.material.appbar.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:fitsSystemWindows="true" android:backgroundTint="@color/surface_900"> <com.google.android.material.search.SearchBar android:id="@+id/search_bar" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="Username" /> </com.google.android.material.appbar.AppBarLayout> <com.google.android.material.search.SearchView android:id="@+id/searchview" android:layout_width="match_parent" android:layout_height="match_parent" android:hint="Username" app:layout_anchor="@id/search_bar"> <androidx.recyclerview.widget.RecyclerView android:id="@+id/recFilteredUserlist" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" /> </com.google.android.material.search.SearchView> </androidx.coordinatorlayout.widget.CoordinatorLayout> 向下滚动 recyclerview 时，SearchBar 不会滚动，除非 recyclerview 嵌套在 NestedScrollView 中。 但是，我想避免将我的 recyclerview 放入嵌套滚动视图中，因为这会导致性能问题：所有 recyclerview 项目都将立即绑定/渲染。 我在这里缺少什么？ 通过将 recyclerview 上的nestedscrollingenabled 从 false 更改为 true 解决了该问题。

无法在操作栏中设置 Android 导航抽屉

我正在尝试使用操作栏设置 Android 导航抽屉。我在设置导航抽屉的图标和生成所有列表项时遇到困难。下面是我的代码，我现在...

如何在不同应用程序主题的对话框按钮中强制使用 ColorAccent？

我希望对话框的按钮文本使用 colorAccent。 但是，在某些应用程序主题中，对话框的按钮文本使用 colorPrimary。 以下是我的发现： Theme.AppCompat.Light.DarkActionBar - 对话框的

如何让图标显示在 Android Material Button 中的文本旁边？

我正在尝试使用谷歌开发的材质按钮。由于第三方依赖，我无法使用 androidx 存储库，因此我当前正在使用 android 支持库（v28.0.0-alpha1，

Angular Material 2. 单击时将主题从浅色切换为深色

所以我有一个 Angular 2 Material 应用程序。 我想做的只是通过单击简单的按钮将主题从暗切换/切换为亮。 我该怎么做？

从 Angular 16.2.14 更新到 Angular 17.3.1 后出现编译错误

今天我已将我的项目从 Angular 16.2.14 更新到 17.3.1，但是当我尝试编译时出现以下错误，我该怎么解决这个问题？ ./src/assets/styles/customMaterialTheme.scss - 错误...

React Native 中默认的样式单位是什么？

我正在为一个开源项目做出贡献，我正在为 React Native 开发材料设计。我工作受阻，无法对 UI 级别进行一些增强。填充、对齐...

从 Material Design 迁移到 Material 3，material3 组件不可用

我正在将应用程序更新到 Material Design 3，我将从 com.google.android.material:材质:1.5.0-alpha01 androidx.appcompat：appcompat：1.3.1 到 androidx.compose.material3:material3:1.2.1 androidx.

如何向 Material-UI Select 添加图标？

我需要添加一个位置图标来反应 Material-UI 选择选项。但没有选项...我在 select 中阅读了 API 文档，但找不到相关选项。所以我真的需要你的帮助......

如何在flutter中滑动到右侧新页面而不是底部？

将新页面转移到焦点的默认颤动动画是将其从底部向上滑动。如何更改此行为并从右侧或左侧滑动新页面？ ...

Material design 图标，如何将它们居中为文本？

我一直在尝试使用 MaterializeCSS 制作某种带有 3 个链接的导航栏，每个链接的宽度为导航栏的 33%，并且我想将文本置于链接内的中心（甚至是图标） 如果我不放左...

更改 Android 上的导航栏图标颜色

我需要更改Android上的导航栏。就像下图中右侧的“浅色”变体一样 如 https://www.google.co.in/design/spec/layout/struct.html#structure-syste... 中所示

如何在 Flutter 中为地图分配自定义颜色而不出现类型不匹配错误？

我正在 Android Studio 中开发 Flutter 应用程序，并面临自定义颜色分配的挑战。我的目标是为我的应用程序中的不同状态分配特定的颜色。对于一些统计数据...

如何让 Material 3 按钮在禁用状态下具有与启用状态下相同的颜色？

我想创建一个按钮，禁用时保留启用按钮的颜色（然后我将按钮内容从文本切换为圆形进度指示器）。但我不知道如何“

启用无箭头的 mat-tab 滚动

我愿意在移动设备上复制可用手指滚动的选项卡，例如Google页面： 但是使用 mat-tab（材料设计和角度），我显示了两个箭头： 我设法删除了箭头......

Flutter Make Card 及其内容缩放比例不同

如果您查看 Material 3 的示例应用程序，请查看示例。您可以看到组件组周围的卡片随屏幕缩放，但实际组件组内容保持不变。我...

如何更改材质组件 Web 上的文本字段颜色

我正在使用谷歌材料组件网络，我正在尝试更改此文本字段的轮廓颜色（希望在聚焦时更改轮廓和文本颜色）。 代码是： 我正在使用谷歌材料组件网络，我正在尝试更改此文本字段的轮廓颜色（希望在聚焦时更改轮廓和文本颜色）。 代码是： <label class="mdc-text-field mdc-text-field--outlined"> <span class="mdc-notched-outline"> <span class="mdc-notched-outline__leading"></span> <span class="mdc-notched-outline__notch"> <span class="mdc-floating-label" id="my-label-id">Your Name</span> </span> <span class="mdc-notched-outline__trailing"></span> </span> <input type="text" class="mdc-text-field__input" aria-labelledby="my-label-id"> </label> 我目前尝试更改--mdc-theme-primary，但这仅更改轮廓颜色，而不更改焦点时文本的颜色。 设置轮廓的默认颜色 .mdc-text-field--outlined .mdc-notched-outline { border-color: #999; } 设置聚焦时轮廓的颜色 .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline { border-color: #007bff; } 设置标签的默认颜色 .mdc-floating-label { color: #999; } 设置焦点时标签的颜色 .mdc-text-field--outlined.mdc-text-field--focused .mdc-floating-label { color: #007bff; }

带有 RecyclerView 和折叠标题的 CoordinatorLayout

我的布局如下： （工具栏， 标题视图、文本视图、RecyclerView） 当我滚动 recyclerview 的项目时，我需要折叠标题。 这样视图“选择项目”和

如何在MUI中为Button设置原色？

我是 Material UI 和 React JS 的新手，我只是尝试添加 2 个按钮，一个是原色的，另一个是原色的。我怎样才能做到这一点 我正在使用情感库。这是我尝试过的...