材料设计是Google针对Android 5.0 Lollipop引入的跨平台和设备的视觉,动作和交互设计指南。
文本溢出: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 的背景颜色? 我想匹配背景颜色,透明就可以了。 另外如何删除下拉菜单下的行? 颜色=
无法更改 Material UI DatePicker 的边框半径
我正在努力让我的 DatePicker 组件从 @mui/x-date-pickers 和 Material UI V5 获得圆形边框。 我想让我的组件看起来像这样。 我尝试创建
Jetpack Compose 不采用 colorScheme
我有一个用 Jetpack Compose 编写的 Android 应用程序。我正在尝试使用应用程序中定义的 colorScheme 设置图标颜色,但它不起作用。 下面是我的代码。 颜色.kt 导入 androidx.compose.ui。
如何在 Angular 16 中设置禁用 mat-form-field 的全局样式
我想从角度材质 16 中的全局配置中更改禁用的 mat-form-field 的颜色。(是否可以通过在配置中定义它来在根级别上执行此操作?) 我创建了一个
Android BottomSheetDialogFragment 状态变化监听器
我正在使用 BottomSheetDialogFragment,我需要知道状态何时发生变化。 例如有BottomSheetBehavior的状态 PEEK_HEIGHT_AUTO - 查看其父级的 16:9 比例键线。 ...
我有一个角度应用程序,其中我们有一个材质侧导航,可以在活动时将侧导航内容推到一侧。由于此 sidenav 的结构位于 HTML 级别的内容之上...
Android 8 状态栏图标的正确资源大小是多少(Android 提供了冲突的信息)
Android 状态栏图标的大小应该是 24dp 还是 18dp? 我看到相互矛盾的建议/示例: Android API 指南中的 24dp Android 图标模板包中的 24dp 实际的 mdpi PSD 文件是...
GWT 缺少 MaterialIcons-Regular.woff2 和 MaterialIcons-Regular.woff
从日志中获取一些错误 丢失的 : http://127.0.0.1:9878/font/material-icons/MaterialIcons-Regular.woff2 http://127.0.0.1:9878/font/material-icons/MaterialIcons-Regular.woff 找到:/font/material-...
我正在 Flutter 中开发一个应用程序。在此,我尝试在 ThemeData 中使用 useMaterial3。所以我使用下面的代码在 colorScheme 中设置颜色。 静态 ThemeData lightThemeData = ThemeData( 使用伴侣...
使用 Angular 较新的 MDC (16+),如何更改按钮的颜色?
迁移到基于 MDC 的 Angular 材质组件时,Angular 组件中的类不再覆盖材质按钮的颜色。 这是该问题的一个工作示例:http...
Flutter:是否可以在高度> 1.0的文本行中设置垂直对齐?
Figma 中的所有文本都有一定的高度,例如 1.5,但是当我将该高度设置为 TextStyle 时,所有具有新高度的行都会与底部对齐。 如果使用居中或对齐小部件 - 错误
mat-cell 与 mat-header-row 宽度相同
我有一个非常简单的,有很多列,有时数据会丢失。 无论如何,每个 的宽度与它自己的相对 的宽度不匹配,ne...
我可以设置“未选中”滑动切换组件的颜色吗? 文档仅指定如何设置“已检查”的一项。 在 Slide-toggle-configurable-example.html 模板中: 我可以设置“未选中”滑动切换组件的颜色吗? 文档仅指定如何设置“选中”一项。 在 Slide-toggle-configurable-example.html 模板中: <md-slide-toggle class="example-margin" [color]="color"> Slide me! </md-slide-toggle> 在 *.ts 文件中: import {Component} from '@angular/core'; @Component({ selector: 'slide-toggle-configurable-example', templateUrl: 'slide-toggle-configurable-example.html', styleUrls: ['slide-toggle-configurable-example.css'], }) export class SlideToggleConfigurableExample { color = 'accent'; checked = false; } 当滑动切换“未选中”时,我真的很想有一些特定的颜色。可以吗? 为未选中状态设置颜色的唯一可能方法是使用以下规则通过 CSS 设置它: 对于切换栏使用: md-slide-toggle:not(.mat-checked):not(.mat-disabled) .mat-slide-toggle-bar { background-color: red; /* set your color here */ } 您还可以根据类型设置不同的颜色: md-slide-toggle.mat-primary:not(.mat-checked):not(.mat-disabled) .mat-slide-toggle-bar { background-color: pink; } md-slide-toggle.mat-accent:not(.mat-checked):not(.mat-disabled) .mat-slide-toggle-bar { background-color: yellow; } 要设置拇指的颜色,请使用: md-slide-toggle:not(.mat-checked):not(.mat-disabled) .mat-slide-toggle-thumb { background-color: green; } 要设置 mat-slide-toggle 的颜色,您必须将此代码放入 style.scss 文件中 .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after { background: #F4760B !important; } .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track::after { background: #F4760B !important; }
我在一个屏幕中使用了卡片小部件和容器,并在两者中设置了白色,它在容器中显示正确,但在卡片小部件中显示不正确。我已附上屏幕截图。在这个
Material Design 3 中单选按钮及其标签的间距
单选按钮的规范没有指定很多重要的间距: 在单选按钮及其标签之间。 一组单选按钮中的每个单选按钮之间。 在单选按钮和按钮之间...