material-design 相关问题

Material Design 图标闪烁（FOUT？）

我在 Angular 2 应用程序上注意到，在 IE 11 中，我所有的材料设计图标都会在显示实际图标之前闪烁文本。有针对这个的解决方法吗？有没有办法使用某种

如何在material-ui中使用浅二次色

我有这个主题 调色板：{ 基本的： { 主要：'#d05ce3'， }, 次要：{ 光：'#0066ff'， 主要：'#0044ff'， }, 我可以像这样使用辅助颜色找到 我有这个主题 palette: { primary: { main: '#d05ce3', }, secondary: { light: '#0066ff', main: '#0044ff', }, 我可以像这样使用辅助颜色找到 <ThemeProvider theme={theme}> <Checkbox color="secondary" 但是如何使用二次光呢？在ThemeProvider 像color="secondary.light"不起作用！ 您必须为您的复选框声明一个类，并在您的CSS中指出您使用您想要的颜色。示例： <ThemeProvider theme = {theme}> <Checkbox color = "secondary" className = {classes.checkboxColor} /> CSS文件： checkboxColor: { color: theme.palette.secondary.light } 试试这个方法： import { makeStyles } from '@material-ui/core/'; import { Typography } from '@material-ui/core'; const useStyles = makeStyles(theme => ({ number: { color: theme.palette.secondary.main } })); 作为回报 const classes = useStyles(); return( <div> <Typography variant="h3" className={classes.number}> 5 </Typography> </div> ); 尝试使用 Box 组件。 <Box color='text.secondary'> ... </Box> 可以使用 sx 属性来完成，该属性可以应用于 mui components 例如 <Checkbox color = "secondary" sx={{backgroundColor:"secondary.light"}} />

Material Design SearchView 没有方法“setOnQueryTextListener”

我正在努力按照本教程在我的 Android 应用程序中实现材质组件搜索 我使用视图绑定构建了一个基本应用程序，添加了实现 'com.google.android.material:material:1....

如何使用包含图标和图像的浮动操作按钮 (FAB) 创建这样的底部导航视图？

我目前正在尝试创建一个类似于此图所示的底部导航视图： 但是，我想自定义 FAB，使其不仅包含图标，还包含图像，如此

如何用图标和文字制作FAB

我目前正在我的 Android 应用程序中自定义浮动操作按钮 (FAB)。我想修改它，以便它可以容纳图标和文本，类似于...

底部菜单选项

如何在Flutter中实现简单的底部菜单？我想显示一定数量的菜单项并对点击做出适当的响应。我在画廊中找不到任何东西 这是一个例子...

在 vue 3 CLI 中使用 Font Awesome 图标和 Material UI 图标

大家好，我只是想知道我们是否可以并排使用 2 种图标字体， 我的情况可能是我想使用 Material Design Icon 和 Font Awesome Icon。 主js文件， 显然下面的代码不起作用，你需要......

如何更改浮动操作按钮颜色？

fab.setBackgroundTintList(ColorStateList.valueOf(ContextCompat.getColor(PrivateDealActivity.this, R.color.colorWhite))); 这是行不通的。如何更改浮动操作按钮的背景颜色

如何从应用程序主题更改操作模式中的膨胀工具栏项目图标颜色

这是我们所有应用程序使用的主题： ...

Android SplashScreen API 与 AppCompatActivity 和 Material 不兼容

似乎Android Splash Screen API 与AppCompatActivity 和Material Theme 不兼容。好的，正如链接中所述，它仅涉及 Activity 类而不是 AppCompatActivity 类，但我...

使用 MDC 在 Android 中创建材质微调器下拉列表

我正在研究Material design Material.io的材质组件，一切都很好，我正在尝试使用MDC的TextField组件 创建一个材质下拉旋转器，但我可以...

文本溢出：mat-expansion-panel 标题中的省略号

使用垫扩展面板来显示可以折叠的文本。唯一缺少的是 css text-overflow: ellipsis 样式应提供的 3 个点。然而这并不...

Android Material 文本输入布局结束图标不可见但工作

我最近发现了 Material Design TexInputLayout 的一个错误以及它使 endIcon 可见的方式。 假设您已正确设置所有内容并启用了结束图标，例如： inputLayout.endIconMode...

如何在 Kotlin / Java 中将 LocalDate 转换为 Long

我需要在物料日期选择器中设置日期。它需要 Long 来设置日期。我尝试这样做： val formatter = DateTimeFormatter.ofPattern(DAY_FORMAT_PATTERN) val selectedDate = 位置...

MaterialButtonToggleGroup 中的 MaterialButton 无法执行wrap_content

我有以下xml： 我有以下 xml： <LinearLayout android:id="@+id/ll_two_state" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:layout_marginStart="10dp" android:layout_marginEnd="10dp" app:cardCornerRadius="5dp" app:strokeWidth="1dp"> <com.google.android.material.button.MaterialButton android:id="@+id/filterA" style="@style/customToggleButtonStyle" app:cornerRadius="0dp" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:text="läkdsvksd" android:textSelectHandleLeft="@drawable/rounded_corner" android:ellipsize="none"/> <com.google.android.material.button.MaterialButton android:id="@+id/filterB" style="@style/customToggleButtonStyle" app:cornerRadius="0dp" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:ellipsize="none" android:textSelectHandleRight="@drawable/rounded_corner" android:text="öskdjnvksjnbvsnfjknvlsnd fvlnsdkjnvsdklövölkjvndfökljnvljkdfnlvjknlvjkn" /> </LinearLayout> 它为我提供了两个高度相等的按钮作为切换按钮。 问题是，无论添加 maxLine、line 或 minLine 标签，使用 MaterialButtonToggleGroup 强制按钮到一行都无法获得相同的结果。 使用 MaterialButtonToggleGroup 的原因是在处理更改并获得圆角时代码更清晰。 有解决办法吗？还是我应该使用不同类型的视图？ 我终于得到了我所期望的。 这个问题有两个bug： 按钮未包装其内容 MaterialButtonToggleGroup 覆盖 maxLine 因此我对 LinearLayout 的修复可以用于 MaterialButtonToggleGroup，如下所示： <com.google.android.material.button.MaterialButtonToggleGroup android:id="@+id/toggle_group" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginStart="10dp" android:layout_marginEnd="10dp" android:gravity="center" app:cardCornerRadius="5dp" app:selectionRequired="true" app:singleSelection="true" app:strokeWidth="1dp"> <com.google.android.material.button.MaterialButton android:id="@+id/filterA" style="@style/customToggleButtonStyle" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:text="State A" /> <com.google.android.material.button.MaterialButton android:id="@+id/filterB" style="@style/customToggleButtonStyle" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:text="State B" /> </com.google.android.material.button.MaterialButtonToggleGroup> 并将以下几行添加到我的代码中： binding.filterA.maxLines = 2 binding.filterB.maxLines = 2 现在看起来像这样：

如何在角材质中使用输入类型文件

如何在角材质中使用输入类型文件 你好，我正在使用有角度的材料进行设计。当我访问 Angular Material 网站时，没有输入类型文件元素。有人知道这个吗。

Jetpack Compose ExposedDropdownMenuBox 如何更改背景颜色？

如何更改 ExposedDropdownMenuBox 的背景颜色？ 我想匹配背景颜色，透明就可以了。 另外如何删除下拉菜单下的行？ 颜色=

无法更改 Material UI DatePicker 的边框半径

我正在努力让我的 DatePicker 组件从 @mui/x-date-pickers 和 Material UI V5 获得圆形边框。 我想让我的组件看起来像这样。 我尝试创建

Jetpack Compose 不采用 colorScheme

我有一个用 Jetpack Compose 编写的 Android 应用程序。我正在尝试使用应用程序中定义的 colorScheme 设置图标颜色，但它不起作用。 下面是我的代码。 颜色.kt 导入 androidx.compose.ui。

如何在 Angular 16 中设置禁用 mat-form-field 的全局样式

我想从角度材质 16 中的全局配置中更改禁用的 mat-form-field 的颜色。（是否可以通过在配置中定义它来在根级别上执行此操作？） 我创建了一个