material-design 相关问题

材料设计是Google针对Android 5.0 Lollipop引入的跨平台和设备的视觉,动作和交互设计指南。

如何更改日期选择器MUI中日历图标的颜色

有人知道如何更改 MUI 库中 DatePicker 组件内自动出现的日历图标的颜色吗? 我尝试通过这样的道具设置颜色 有人知道如何更改 MUI 库中 DatePicker 组件内自动出现的日历图标的颜色吗? 我尝试通过这样的道具设置颜色 <DatePicker label="Controlled picker" value={value} onChange={(newValue) => setValue(newValue)} InputAdornmentProps={{ style: { "& .MuiSvgIcon-root": { color: "orange", }, }, }} /> 我的目标是设置 DatePicker 组件内日历图标的颜色/背景颜色 你瞄准了错误的元素MuiButtonBase应该可以解决问题 style: { "& .MuiButtonBase-root": { color: "orange", }, 这对我有用。您也可以查看此页面以供参考: https://mui.com/x/react-date-pickers/custom-components/#component-2 代码: <DesktopDatePicker name="Date_Of_Birth" format="DD/MM/YYYY" inputFormat="DD/MM/YYYY" value={value} onChange={(newValue) => { setValue(newValue); }} renderInput={(params) => ( <TextField {...params} fullWidth /> )} slotProps={{ inputAdornment: { position: "end", }, // To change icon styles openPickerIcon: { sx: { color: "#f05736", }, }, }} // To change Icon Image slots={{ openPickerIcon: () => ( <img src={DateIcon} alt="date-icon" style={{ cursor: "pointer" }} onClick={() => setOpen(true)} /> ), }} />

回答 2 投票 0

如何在 Jetpack Compose 上使用 Material Motion 实现容器变换

我有FirstPage,其中有一个FloatingActionButton。当用户单击它时,我需要显示 SecondPage (例如通过 NavigationComponent)。此功能的共谋 - 是我需要为其设置动画

回答 2 投票 0

Flutter 移除 Material Stepper 的内置框阴影

我在我的桌面应用程序中使用了 Material Design 的 Stepper 和 Flutter。但如图所示,Stepper 有一个默认的 BoxShadow,我想将其删除。我已经看过了

回答 2 投票 0

旧版本不支持Android Material Design

我正在做一个android项目,它应该支持2.2(froyo)及更高版本的所有android设备。我正在尝试在我的项目中使用 Android 材料设计。为了支持材料...

回答 3 投票 0

如何更改 Material-UI 线性进度条不确定的动画速度?

我在 React 应用程序中使用具有不确定变体的 LinearProgressBar 来提供操作正在进行的反馈。 我发现动画太快了,有办法降低速度吗?

回答 2 投票 0

调整 androidx.preference 对话框以遵循 Material You

我有两个包含首选项部分的应用程序,我正在使用首选项库,这是撰写本文时可用的最新版本: 实现“androidx.preference:preference:1...

回答 4 投票 0

Android 复制/粘贴上下文菜单在对话框中使用时有幽灵背景

我有一个简单的对话框,其中包含一个注释字段,当我长按一个项目时,就会发生这种情况(我附加不同的状态,以更好地理解问题) 现在,这是我已经尝试过的: ...

回答 1 投票 0

Flutter 材质动态颜色缺少表面和立面颜色

我从 Flutter 和 Material You 动态颜色开始。设置示例应用程序后,我尝试使用设备中的动态颜色。但不是正确渲染背景并升高

回答 1 投票 0

如何实现材料指南中描述的全屏对话框?

材料指南描述了全屏对话框的行为。 全屏对话框 |对话框 - 材料设计 我如何在实践中实现这一目标?

回答 3 投票 0

如何更改TextInputLayout中密码切换的颜色?

如果 EditText 是否获得焦点,我需要更改 TextInputLayout 中密码切换的颜色。我已经这样做了,但它不起作用。颜色始终等于浅灰色(来自状态 f...

回答 5 投票 0

想要在 Flutter TimePicker 中仅选择分钟和秒

“material”flutter 中是否有任何内置小部件允许我们以旋转表盘的方式选择分钟和秒,类似于 TimePicker 小部件(仅允许选择一个

回答 1 投票 0

创建 AnimatedVectorDrawable 的工具

我真的很喜欢 Android 中添加的 AnimatedVectorDrawable 功能。 有什么好的工具可以创建这样的动画吗? 例如。任何创建动画的工具如下所述: 编辑: 到目前为止我已经找到了

回答 4 投票 0

Flutter:FloatingActionButton 阴影

您是否能够或有办法更改 FloatingActionButton.extended 或任何其他浮动按钮产生的阴影的颜色吗?

回答 4 投票 0

物化CSS模态如何显示和删除

我有一个新闻搜索按钮,如果我输入无法搜索的文本,应该会自动出现一个模式窗口,指示没有jquery的materializecss没有找到任何内容。 如果大海...

回答 1 投票 0

一些 Material 图标未在我的 Angular 项目中渲染

在我的 Angular 项目中,一些 Material 图标似乎没有渲染: 多米诺骨牌 沙漏 其他图标正常渲染。我有

回答 1 投票 0

Angular Material 3 是否有用于边距/填充、Flexbox 等的 CSS 辅助类

Angular Material 3 中是否有用于 margin/padding、flexbox 等的内置 CSS 辅助类? 我看到 Vuetify、Tailwind、Bootstrap 有很多辅助类(例如 px-4、ma-6、mx-auto 等)....

回答 1 投票 0

升级错误&& Thegetter 'subtitle2' 没有为'TextTheme' 类定义||未找到成员:“MediaQuery.boldTextOverride”。材质主题

将Flutter升级到最新版本但出现此问题。尝试删除 Android 文件夹,然后在 flutter create 的帮助下重新创建它。命令,但这个问题仍然没有解决。还有,

回答 1 投票 0

更改 BottomSheetScaffold 最大宽度

BottomSheetScaffold 根据材质规格,最大宽度为 640dp:

回答 1 投票 0

关闭材料设计对话框

我有材料设计对话框: ... 我有材料设计对话框: <materialDesign:DialogHost CloseOnClickAway="True" IsOpen="{Binding IsOpenDialogAddingEP, UpdateSourceTrigger=PropertyChanged}"> ... </materialDesign:DialogHost> <Button Command="{Binding CloseDialogAddingEPCommand}"/> 我想在单击按钮时关闭对话框,在代码后面: public ICommand CloseDialogAddingEPCommand { get; private set; } public MyPage() { InitializeComponent(); DataContext = this; CloseDialogAddingEPCommand = new RelayCommand(CloseDialogAddingEP); } void CloseDialogAddingEP() { IsOpenDialogAddingEP = false; } private bool isOpenDialogAddingEP; public bool IsOpenDialogAddingEP { get { return isOpenDialogAddingEP; } set { isOpenDialogAddingEP = value; OnPropertyChanged("IsOpenDialogAddingEP"); } } public event PropertyChangedEventHandler PropertyChanged; protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } 但是按钮没有任何作用,你能告诉我为什么吗? 您添加了吗: public partial class Window:Window, INotifyPropertyChanged ?

回答 1 投票 0

一些材质图标不适用于 Angular Material

我正在尝试使用保留材质图标,但它不起作用。 当我使用以下 HTML 时,我可以看到前两个图标,但看不到保留的图标。我注意到其他图标也有这个问题,...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.