材料设计是Google针对Android 5.0 Lollipop引入的跨平台和设备的视觉,动作和交互设计指南。
有什么方法可以禁用 Jetpack Compose ModalBottomSheet(材料 3)上的向下滑动吗?
我正在尝试使用 Material 3 ModalBottomSheet 禁用手势。我见过这个问题,但接受的答案是使用不同的方法,例如 ModalBottomSheetLayout(材料 1)。 ...
layout_anchor 无法与材质操作按钮一起使用。是否有其他正确的方法将其锚定到布局。我浏览了 Fab 文档材料设计浮动动作对接......
从 AutoCompleteTextView 中删除波纹效果
我在 TextInputLayout 中有 AutoCompleteTextView。从下拉列表中选择项目时,如何消除 AutoCompleteTextView 中的连锁反应。 我说的是小部件上的涟漪,n...
我在 Angular 2 应用程序上注意到,在 IE 11 中,我所有的材料设计图标都会在显示实际图标之前闪烁文本。有针对这个的解决方法吗?有没有办法使用某种
我有这个主题 调色板:{ 基本的: { 主要:'#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,使其不仅包含图标,还包含图像,如此
我目前正在我的 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 类,但我...
我正在研究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 的背景颜色? 我想匹配背景颜色,透明就可以了。 另外如何删除下拉菜单下的行? 颜色=