material-design 相关问题

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

如何在 Flutter 中创建“TextField”,其中标签位于 TextFields 的边框内

我正在寻找一种方法来修改 Flutter 中的 TextField Widget,使其标签显示在边框中。 “TextField”是否有任何属性可以实现此目的?或我认为的任何其他方式

回答 1 投票 0

如何在材质3(android jetpack compose)中设置滚动颜色?

不确定这是否称为过度滚动... 我说的是当我们尝试滚动超出限制时出现的效果。 那东西叫什么名字? 我如何改变它的颜色? 我尝试过阅读...

回答 1 投票 0

如何在 Compose 中重新创建默认的 Activity 更改动画?

我想实现这样的动画。 我设法实现了水平移动,但我不明白如何使旧屏幕变暗。 打开时,Compose 中会出现类似的效果

回答 1 投票 0

更改 wpf 切换按钮的背景大小

我们有一个使用 XAML 使用 wpf 设计的普通切换按钮。 我们的拨动开关 然而,我们希望实现以下按钮设计,其中背景填充圆形开关: 想要的...

回答 1 投票 0

如何为android定制React Native Paper Switch组件?

当我使用 React Native 论文中的这段代码时,我希望开关组件看起来就像 **Material design 3 **switch,但不幸的是它不是,看起来像旧版本,我是

回答 1 投票 0

(Compose MD3) 如何在更改内容颜色时保持提升按钮的阴影?

我正在使用 Material Design 3 并尝试使用 Compose 制作一个提升按钮。 我注意到当我尝试在提升按钮上设置颜色时,它没有任何阴影。 @可组合 有趣的小学但是...

回答 2 投票 0

此材质 API 是实验性的,将来可能会更改或删除。使用新的material3卡时android出现错误

如何设置material3卡的标高?我正在使用新的material3卡并收到错误 此材质 API 是实验性的,将来可能会更改或删除。 这是代码 -&g...

回答 2 投票 0

有没有办法在页面之间保留主题更改? [材质UI]

使用 MUI 5.14.1 时,每当我尝试使用 localStorage 通过页面保留主题时,都会收到错误。我很感激任何关于如何解决这个问题的帮助,或者关于如何解决这个问题的建议......

回答 0 投票 0

Material UI - 响应式抽屉

有谁知道如何创建反应式应用栏和抽屉,或者知道如何创建反应式应用栏和抽屉的任何示例吗? 它需要能够动态地取消停靠抽屉并在浏览器很小时隐藏并停靠

回答 5 投票 0

在 Material3 中更改 ActionMode 背景颜色

从 Material3 开始,我无法更改动作模式背景颜色。 在 Material3 之前,我设法使用 actionModeBackground 属性更改背景颜色: 从 Material3 开始,我无法更改动作模式背景颜色。 在Material3之前,我设法用actionModeBackground属性改变了背景颜色: <item name="actionModeBackground">@color/some_color</item> 这是我的主题: <style name="AppTheme" parent="Theme.Material3.DayNight.NoActionBar"> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> <item name="windowActionModeOverlay">false</item> <item name="actionModeBackground">@color/action_mode_background</item> <item name="android:actionModeCloseDrawable">@drawable/ic_baseline_done_tick_24</item> </style> 我也检查了this线程但似乎不适用于material3. 如何在 Material3 上更改它? 谢谢!

回答 0 投票 0

MaterialDesignInXamlToolkit - 将 ListView 拉伸至全宽

我正在尝试将我的 ListView.ItemTemplate 拉伸到 ListView 的整个宽度。但是由于我使用的是 MaterialDesginInXamlToolkit,所以我尝试时我的样式会中断。 请有人帮我做我的

回答 0 投票 0

Set Material UI Select width?

我正在尝试设置 Material UI Select 组件的宽度。为此,我必须为 FormControl 组件提供一个类,例如 mw-120,它链接到定义最小宽度为 12 的 CSS 类...

回答 4 投票 0

如何使用主题更改 Material UI 中按钮的形状?

所以关于 Button 组件的文档有多个部分,还有一个链接在 https://codesandbox.io/s/npie4 的 Codesandbox 然而,没有提到如何改变按钮的形状......

回答 5 投票 0

如何提供图像来创建和应用基于动态内容的配色方案?

Material 3 设计指南描述了基于内容的主题选项(而不是基于用户当前壁纸的主题)。请参阅下面的部分: https://m3.material.io/...

回答 0 投票 0

注入 Vue 时 HTML 标签不关闭

我的意图是将 Vue 注入 md-menu 标签(@material/web),如文档所示: 我的意图是将 Vue 注入到 md-menu 标签(@material/web)中,如文档所示: <div style="position:relative;"> <button class="anchor" ${ref(anchorRef)} @click=${() => this.menuRef.value.show()}> Click to open menu </button> <!-- `has-overflow` is required when using a submenu which overflows the menu's contents --> <md-menu has-overflow ${ref(menuRef)} ${(el) => el.anchor = anchorRef.value}> <md-menu-item header="This is a header"></md-menu-item> <md-sub-menu-item header="this is a submenu item"> <md-menu slot="submenu"> <md-menu-item header="This is an item inside a submenu"></md-menu-item> </md-menu> </md-sub-menu> </md-menu> </div> 然而 md-menu 标签没有关闭。我该怎么做才能使 HTML 正确呈现。 库链接:Github 我试过用${(el) => el.anchor = anchorRef.value}替换function (el) {el.anchor = anchorRef.value},但菜单仍然没有出现。

回答 0 投票 0

Lollipop 下方的 Material Design 支持 - 崩溃

我一直在尝试按照这些说明实施 Material Design 主题。 我没有使用工具栏(必须吗?) 我所有的活动都扩展了 ActionBarActivity。 使用 getSupportActionBar() 所有 ...

回答 4 投票 0

jetpack compose:主题颜色覆盖不适用于 api 31 及更高版本但适用于 api 30 及以下

我是 Jetpack Compose 的新手,我一直在尝试覆盖我的应用程序中的背景和表面颜色以查看效果,但它仅适用于我的 api 30 及以下虚拟设备,但不起作用...

回答 0 投票 0

以编程方式创建的 RippleDrawable 看起来与其对应的 xml 不同

一段时间以来,我一直在尝试追踪这个问题。我想我前段时间确实找到了解释。不幸的是,它在某处的代码注释中丢失了。 我正在尝试创建一个材质边框...

回答 2 投票 0

升级电鳗后如何解决Android Studio预览显示问题?

<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".fragments.MainFragment"> <com.google.android.material.card.MaterialCardView android:layout_width="match_parent" android:layout_height="match_parent"> </com.google.android.material.card.MaterialCardView> </androidx.constraintlayout.widget.ConstraintLayout> 预览会是这样的: <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".fragments.MainFragment"> </androidx.constraintlayout.widget.ConstraintLayout> 预览会是这样的: 我将 Android Studio 升级到 Electric Eel,现在,在 XML 中,预览经常无法像第一张图片那样正确显示。为什么会发生这种情况,我该如何解决?这个问题是在我升级了 Android Studio 后才出现的。 我也有这个问题,我将材料版本更改为 1.7.0 并且 Android Studio 布局渲染再次工作 我将 Material Design 库从 1.8.0 降级到 1.7.0,问题消失了。我认为问题出在新版本的 Material Design 上。 更新: 我下载了Android Studio Flamingo,问题解决了

回答 2 投票 0

Material Design 3 顶部应用栏没有阴影。如何启用它?

新的“Material Design 3 top app bar”文档说他们摆脱了阴影。 我怎样才能启用它?在 Toolbar 或 AppBar 上设置高度根本不起作用。

回答 2 投票 0

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