material-design 相关问题

我正在使用谷歌材料组件网络，我正在尝试更改此文本字段的轮廓颜色（希望在聚焦时更改轮廓和文本颜色）。代码是：我正在使用谷歌材料组件网络，我正在尝试更改此文本字段的轮廓颜色（希望在聚焦时更改轮廓和文本颜色）。代码是： <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; }

javascript html material-design material-components-web

回答 1 投票 0

带有 RecyclerView 和折叠标题的 CoordinatorLayout

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

android android-layout material-design android-coordinatorlayout androiddesignsupport

回答 3 投票 0

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

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

reactjs material-ui material-design emotion

回答 6 投票 0

角度材质 - 将垫复选框向左对齐

我正在尝试将与其容器的左侧对齐。默认情况下它是缩进的。我尝试设置负左边距，它有效，但突出显示的圆圈被裁剪。我想知道是否...

angular angular-material material-design

回答 1 投票 0

在WPF上添加图标

我正在使用 .Net WPF Framework 4.7.2 构建一个 WPF 项目。我正在尝试使用 MaterialDesign 库，所以我有这个 App.xaml 文件：我正在使用 .Net WPF Framework 4.7.2 构建一个 WPF 项目。我正在尝试使用 MaterialDesign 库，所以我有这个 App.xaml 文件： <Application x:Class="DesfireCodificatoreWPF.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:materialDesign="https://materialdesigninxaml.net/winfx/xaml/themes" StartupUri="MainWindow.xaml"> <Application.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" /> <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" /> <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.DeepPurple.xaml" /> <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Lime.xaml" /> </ResourceDictionary.MergedDictionaries> </ResourceDictionary> </Application.Resources> </Application> 但它说无法加载文件或程序集“MaterialDesign...” 我不明白为什么。我已经安装了 MaterialDesignThemes.Wpf 和 MaterialDesignColors @弗朗西斯科·巴尔加斯。我在测试时遇到了问题。 Cannot locate resource 'themes/materialdesigntheme.defaults.xaml'. 我在nuget包上看到了错误信息，我不确定是否是nuget包上的错误。如果您也有此错误信息，建议您尝试在materialdesigntheme论坛提出问题，看看是否是包错误。

wpf visual-studio material-design

回答 1 投票 0

如何阻止浮动标签浮动？

我需要这个标签停止浮动。我需要它保持静止。输入来自 Angular Material。 https://material.angular.io/components/form-field/examples 在此输入图像描述代码是...

html css angular angular-material material-design

回答 1 投票 0

MUI 数据网格水平滚动（响应能力）不起作用

我创建了一个包含 10 列的数据网格表。它在大屏幕上看起来很棒，但当我将其压缩到 1380 像素以下时，我希望看到水平条滚动，但看起来很糟糕。我不想游泳...

reactjs material-ui material-design mui-datatable

回答 1 投票 0

升级到 Angular Material 17 后出现错误：@include mat.legacy-core() 和 @import "@angular/material/theming"；

升级到 Angular Material 17 后，我在 Angular 应用程序的代码库中遇到了两个不同的问题： @include mat.legacy-core() 错误：当使用指令 @include ...

angular sass angular-material material-design angular17

回答 1 投票 0

如何将材质设计库导入Android Studio？

我想将此库导入到我的 Android Studio v1.0.0 rc2 项目中： https://github.com/navasmdc/MaterialDesignLibrary 但有一个问题。当我将此库添加为模块时，出现此错误

android gradle android-studio material-design

回答 9 投票 0

有什么方法可以禁用 Jetpack Compose ModalBottomSheet（材料 3）上的向下滑动吗？

我正在尝试使用 Material 3 ModalBottomSheet 禁用手势。我见过这个问题，但接受的答案是使用不同的方法，例如 ModalBottomSheetLayout（材料 1）。 ...

android android-jetpack-compose material-design

回答 1 投票 0

锚定材质浮动操作按钮

layout_anchor 无法与材质操作按钮一起使用。是否有其他正确的方法将其锚定到布局。我浏览了 Fab 文档材料设计浮动动作对接......

android android-layout material-design floating-action-button

回答 1 投票 0

从 AutoCompleteTextView 中删除波纹效果

我在 TextInputLayout 中有 AutoCompleteTextView。从下拉列表中选择项目时，如何消除 AutoCompleteTextView 中的连锁反应。我说的是小部件上的涟漪，n...

android material-design

回答 2 投票 0

Material Design 图标闪烁（FOUT？）

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

angularjs angular material-design flicker icon-fonts

回答 3 投票 0

如何在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"}} />

reactjs material-design material-ui

回答 4 投票 0

Material Design SearchView 没有方法“setOnQueryTextListener”

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

android material-design material-components-android searchbar

回答 1 投票 0

material-design 相关问题

最新问题