material-design 相关问题

在自定义 Flutter 应用结构中实现 darkTheme 配置

我正在开发一个具有自定义应用程序结构的 Flutter 项目，该项目不使用典型的 MaterialApp 小部件进行配置。相反，我们通过自定义 AppConfig 类来管理应用程序配置...

InkWell 中未调用图像错误生成器

我想在图像资源不存在时使用 errorBuilder 回调。 但当 Image 与 InkWell + Ink 一起使用时，不会调用它。 主要的（） { 运行应用程序（ 材料应用程序（ 主页： 脚手架（ ...

可以将Sketch中的Material主题直接导出到React吗？

我正在使用material.io的草图插件和主题“每两周”的变体。除了在 React 中手工编写所有设计之外，还有没有办法直接导出组件？ Material-ui 没有

材质轮廓输入 - 在 Angular 中创建凹口

嗨，我正在尝试实现一个自定义材料轮廓输入，其中包括标签浮动的凹口。 我知道 Angular Material 有一个现有组件，但我需要有自己的组件...

单击 MUI x 数据网格渲染按钮时使用 MUI Modal

我想知道当您单击 mui x 数据网格表时如何设置模式。 我不知道它是如何工作的。以及我应该如何将模式放入数据网格表中（点击按钮） 功能

更新 Jetpack Compose 破坏了动态颜色

在我的Android项目中，我使用的是Compose BOM 2023.08.00版本，现在我更新到2024.04.01，但是这样做之后，动态颜色不再起作用。相反，它显示灰色（这不是标准...

材质 3 底部应用栏 - 居中的 FloatingActionButton 将图标移至左侧而不是右侧

我在 Material 2 中的应用程序以这种方式使用底部应用程序栏： 我在 Material 2 中的应用程序正在以这种方式使用底部应用程序栏： <com.google.android.material.bottomappbar.BottomAppBar android:id="@+id/bar" style="@style/Widget.MaterialComponents.BottomAppBar.Colored" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" app:backgroundTint="@color/primarycolor" app:fabAlignmentMode="center" app:navigationIcon="@drawable/ic_menu_time" app:navigationIconTint="@color/lighttextcolor2" app:theme="@style/ThemeOverlay.MaterialComponents.Dark" /> <com.google.android.material.floatingactionbutton.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" app:backgroundTint="@color/fab" app:layout_anchor="@id/bar" app:rippleColor="#FFFF8888" app:srcCompat="@drawable/ic_fab_search" app:tint="@color/darktextcolor" /> 不幸的是，当我通过做去学习材料 3 时 style="@style/Widget.Material3.BottomAppBar" 我得到了新的 m3 设计，这很棒，但我的图标现在移到了左边！！！ 我已经尝试过： 在我的menu.xml中，我添加了： android:layout_alignParentRight="true" 但没有效果 没有更多的想法... 非常感谢您的指导/帮助 在底部应用栏中添加此 app:menuAlignmentMode="auto"

通过 Material Web 组件的基本示例体验 FOUC

我目前正在使用 Material Web 组件实现一个超级基本的示例，如 GitHub 上的官方文档所述，但我遇到了无样式内容 Flash 的问题...

Material Chipgroup 中的 Animate Chip 检查（Android）

我正在编写一个 Android 应用程序，用户必须使用 ChipGroup 和 Chips 选择一个选项。 一切都工作正常，只是有点笨拙，因为除了

添加 Navigator.push Flutter 时不显示 InkWell 飞溅颜色效果

我正在尝试实现一个在点击时调用另一个页面的按钮。 我正在使用具有飞溅颜色效果的 inkWell 小部件和 onTap (){} 包装一个容器。 该按钮显示...

适用于 Android jetpack compose 的自定义可滑动选项卡（材料 3）

我如何制作或者是否有任何库可以用来创建可滑动的自定义选项卡，如下图所示[歌曲、专辑、艺术家、流派 => 选项卡]， 我知道已经有一些选项卡

我在使用 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.