材料设计是Google针对Android 5.0 Lollipop引入的跨平台和设备的视觉,动作和交互设计指南。
背景: 我正在尝试基于 Google 的 Material Theme Builder 3 在 SASS/JS 中生成调色板,该调色板需要根据相对亮度而不是亮度/
fontFamily 和 fontWeight 在 TextAppearance 中不起作用
我正在尝试在我的应用程序中添加多个字体系列。以下是添加“inter”字体的代码。 这是values/typography.xml ...
我正在创建一个扩展 MaterialButton 的自定义按钮 MyButton。用例是按钮有大和小 2 种尺寸,大按钮将是全宽(类似于 match_parent)并且 s...
我在我的项目中使用 Vuetifyjs 库。我想向我的组件添加过渡 - 但没有关于如何开始过渡的文档。 例如我想添加一些过渡到
如何初始化Material Web V3组件, 例如我想创建一个文本字段: 代码: <...
我在切换到底部导航的最后一个片段时遇到此错误,因此最后一个片段加载有点慢 E/FrameEvents:updateAcquireFence:没有找到f...
您提供的功能在上下文中没有主题。父元素之一需要使用 ThemeProvider
我正在项目中创建导航栏。在我的项目中我使用 mui/图标材料:^5.2.5 mui/材料:^5.2.6 mui/样式:^5.2.3 现在我的文件夹结构是 根.jsx 导航栏.jsx 样式.js 我正在...
如何在 Flutter 中通过 ThemeData 设置 SwitchListTile 的 inactiveTrackColor 和 inactiveThumbColor 的颜色?
我可以为整个应用程序中使用的 SwitchListTile 设置非活动颜色,但是,在应用程序主题中设置它会简单得多(因为我有多个自定义主题)。 然而,我不...
如何更改textinputlayout内textinputedittext中的光标颜色
如何更改textinputedittext的光标颜色。 我使用了 textcursordrawable 但它不起作用。 预先感谢
我正在使用Angluar进行材质设计,我遇到了一些问题,所以问题是如何使材质滑块在某些特定值上禁用 我正在使用Angluar进行材质设计,我遇到了一些问题,所以问题是如何使材质滑块在某些特定值上禁用 <mat-slider min="1" max="5" step="0.5" value="{{myVar}}"></mat-slider> 我需要在我的组件上显示它,其中包含来自数据库的一些特定值,并且在它更改为数据库之前无法更改。 假设您有一个看起来像这样的模型 export interface MyModel { someValue: number; } 然后您使用一些调用 API 的服务将其加载到组件中。只需通过 disabled input 将条件传递给它即可。 <mat-slider [disabled]="myModel.someValue > 50" min="1" max="5" step="0.5" value="{{myVar}}"></mat-slider> 其实你可以像这样使用disabled <mat-slider min="1" max="5" disabled step="0.5" value="{{myVar}}"></mat-slider> 没什么大不了的。 添加 style="pointer-events: none;" 将防止值更改 <mat-slider style="pointer-events: none;" min="1" max="5" step="0.5" value="{{myVar}}" ></mat-slider>
我创建了这个材质警报对话框。我想在记录更新后或用户单击取消按钮(btnCancel)时关闭它。我无法使用解雇(),因为它不可用。 私人乐趣
使用设置方法 2 自托管为我们的 React 项目安装 Google Material 图标,与图标关联的连字有时会显示在材质图标之前。 对于我们的 React 项目,使用 安装方法 2 自托管安装 Google Material 图标,与图标关联的连字有时会显示在材质图标之前。 <i class="material-icons">face</i> {/* shows text "face" on site prior to proper material icon load */} 例如,上面的行会在显示脸部之前显示“脸部”一秒钟。我们怎样才能延迟 UI 渲染,直到文件引用完全加载? /*material icons file references loaded locally */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff) format('woff'), url(../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.ttf) format('truetype'); } 在您的 src 文件夹中创建一个名为 preload.js 的文件。 document.fonts.load('10pt "Material Icons"').then(function () { console.log('Material Icons font has been preloaded.'); }); 在 index.html 中的 head 部分末尾添加以下脚本标签 <script defer src="%PUBLIC_URL%/preload.js"></script> React 组件中的用户像这样 import Icon from '@material-ui/core/Icon'; function MyComponent() { return <Icon>home</Icon>; } 希望它有效 只需使用带有链接标记的“预加载”: <link rel="preload" href="./material-symbols-outlined.woff2" as="font" type="font/woff2" crossorigin> 来自Google JS 转换失败时如何防止素材图标文本显示?: 你可以使用font-display: block;,只需将此CSS添加到你的HTML头中: <style> @font-face { font-family: 'Material Icons'; font-display: block; } </style> 了解更多信息字体显示
我如何更改表单输入元素(文本、密码、标签、选择、文本区域)标签和边框底部的颜色。 ** 我尝试了 Materialise CSS 文档中提到的样式。但它不起作用。*...
我设计了一个工具栏,但它不允许我制作匹配父级布局。它的左侧被锁定,不允许我将 TextView 放在那里,但右侧表现良好; 我看过...
SingleChildScrollView 内的 Flutter Column 不滚动
当我尝试在 SingleScrollChildView 中使用 Card 时,出现此错误: 布局期间抛出以下断言: RenderFlex 底部溢出了 178 个像素。 相关错误原因...
我在 Element UI 中看到了一个用于管理项目数量的组件,它在这里: https://element.eleme.io/#/en-US/component/input-number 我想在 Vuetify 中使用类似的东西,b...
Jetpack Compose 桌面 – MaterialTheme.colors.background 不起作用
设置MaterialTheme.colors 我正在尝试在 Jetpack Compose for Desktop(而非移动设备)中制作一个非常基本的窗口,但在更改窗口的颜色方面遇到了一些困难。我看过...
mat-slide-toggle 的 MatSlideToggleChange 事件的使用
我正在尝试使用表单中的开关来切换同一表单中两个下拉菜单之一的外观。 我可以使用 MatSlide 类切换发出的 MatSlideToggleChange 事件来实现我的
如何在 Flutter 中为禁用的文本表单字段的标签设置主题颜色?
我想在我的 Flutter 应用程序中的禁用文本字段标签上应用一个主题,因为我现在的灰色很难阅读。 我想将它应用到我的整个应用程序,所以我想使用
我想禁用React中Material UI扩展面板的动画。 如何禁用应用于扩展面板的所有动画? 尝试覆盖转换但没有帮助。 ...