标签: material-components

在 Android DatePicker 自定义对话框中限制范围

我有有一个自定义的线性布局DatePicker,并TimePicker在它的小部件。这用作DateTime选择器。我想通过setMaxDate()和来限制 DatePicker setMinDate()。我已经做好了:

dp.setMaxDate(new DateTime().minusDays(1).getMillis());
dp.setMinDate(new DateTime().minusDays(30).getMillis());
Run Code Online (Sandbox Code Playgroud)

当对话框出现时,超出此范围的日期实际上是灰色的。但我仍然可以选择一个灰色的日期。我偶然发现了这一点。但是,带有日期选择器的自定义布局的解决方法是什么?

android datepicker android-datepicker material-components material-components-android

8
推荐指数
3
解决办法
6281
查看次数

MDCSnackbarFoundation类用法

我如何使用MDCSnackbarFoundation?使用MDCSnackbar

这个文档不够明确,无法得到一个想法. https://github.com/material-components/material-components-web/tree/master/packages/mdc-snackbar#using-the-foundation-class

这是我的代码,我需要为它绑定MDCSnackbarFoundation.

logger = new MDCSnackbar($selector[0]);

谢谢

javascript material-design material-components mdc-components material-components-web

8
推荐指数
1
解决办法
379
查看次数

材料按钮背景渐变

有没有办法我可以从谷歌材料库为MaterialButton设置渐变颜色.app:backgroundTint仅设置颜色,但不设置渐变颜色

android material-components

8
推荐指数
2
解决办法
1366
查看次数

Android 浅色/深色主题操作栏文字

我正在我的 Playground Android 应用程序中实现一个深色主题,并且正在努力使操作栏文本颜色变为白色。

下面是我的款式和颜色。操作栏的背景跟随着colorPrimary,很棒。但是,两种颜色(浅色和深色)都是非常深的颜色,并且希望操作栏文本颜色始终为白色。由于我现在使用 DayNight.NoActionBar 作为父级,所以它是黑色的浅色和白色的深色。我有几个不同的操作栏实例,所以我不想改变每个单独的实例,而只是在样式中定义它。我该怎么做?

样式文件

<style name="DarkThemeApp" parent="@style/Theme.MaterialComponents.DayNight.NoActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="colorError">@color/colorError</item>
    <item name="android:textColor">?android:attr/textColorPrimary</item>
</style>
Run Code Online (Sandbox Code Playgroud)

夜\colors.xml

<resources>
    <color name="colorPrimary">#3d85c6</color>
    <color name="colorPrimaryDark">#002e72</color>
    <color name="colorAccent">#e66f00</color>
    <color name="colorYellow">#FFE800</color>
    <color name="colorError">#E53935</color>
</resources>
Run Code Online (Sandbox Code Playgroud)

值\颜色.xml

<resources>
    <color name="colorPrimary">#00348e</color>
    <color name="colorPrimaryDark">#002e72</color>
    <color name="colorAccent">#e66f00</color>
    <color name="colorYellow">#FFE800</color>
    <color name="colorError">#E53935</color>
</resources>
Run Code Online (Sandbox Code Playgroud)

android material-design android-toolbar material-components material-components-android

8
推荐指数
2
解决办法
7300
查看次数

MDCTextField rightView属性在iOS 13上损坏

我无法再在iOS 13上使用该rightView属性MDCTextField。我是唯一对此有疑问的人吗?

正确的视图宽度覆盖整个文本字段:防止用户交互并隐藏textView内容。

从切换MDCTextField到时没问题UITextField

ios swift material-components ios13

8
推荐指数
1
解决办法
675
查看次数

如何在Material Components Web(MDC)中集中单元格?

我希望有一个集中的网格单元格,例如桌面上有6列.在文档中,它说:

默认情况下,网格对齐.您可以添加mdc-layout-grid-align-left或mdc-layout-grid-align-right修饰符类来更改此行为.

然后我输入:

<div class="mdc-layout-grid">
  <div class="mdc-layout-grid__inner">
    <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-3-desktop">first</div>
    <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-3-desktop">second</div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

在桌面上期待:

| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
|---|---|---|---|---|---|---|---|---|----|----|----|
| ~ | ~ | ~ |   first   |  second   | ~  |  ~ | ~  |
Run Code Online (Sandbox Code Playgroud)

而不是真正的输出:

| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 …
Run Code Online (Sandbox Code Playgroud)

css material-components material-components-web

7
推荐指数
1
解决办法
3004
查看次数

不能将android:background与新材质组件中的按钮一起使用

我在com.google.android.material:materialandroid x上使用了新的材质组件,但无法为按钮设置自定义背景。

我知道我可以app:backgroundTint用来改变颜色

但是默认背景有一些我想消除的填充,以及android:background用于设置自己的背景的旧方法,但是这种方法不再起作用。

我看了看文档,但是找不到关于此更改的任何提及。

android material-design material-components material-components-android

7
推荐指数
5
解决办法
3648
查看次数

以编程方式更改Chip Widget样式不起作用-Android

我正在用Chips做一份清单。我希望可以选择这种芯片,因此,请看https://material.io/develop/android/components/chip/,我可以找到一个“选择芯片”。

由于需要动态创建和添加,因此必须配置特定的颜色,颜色波纹,...

所以我要配置的是:

val chip = Chip(context, null, R.style.CustomChipChoice)
            chip.isClickable = true
            chip.isCheckable = true
            chip.isCheckedIconVisible=false
            chip.height = ScreenUtils.dpToPx(40)
            chip.chipCornerRadius = (ScreenUtils.dpToPx(20)).toFloat()
            chip.chipStrokeWidth = (ScreenUtils.dpToPx(2)).toFloat()
            chip.setTextAppearanceResource(R.style.ChipTextStyle)
            return chip
Run Code Online (Sandbox Code Playgroud)

我尝试的R.style.CustomChipChoice是:

CustomChipChoice样式

<style name="CustomChipChoice" parent="@style/Widget.MaterialComponents.Chip.Choice">
        <item name="chipBackgroundColor">@color/background_color_chip_state_list</item>
        <item name="chipStrokeColor">@color/background_color_chip_state_list</item>
        <item name="rippleColor">@color/topic_social_pressed</item>
</style>
Run Code Online (Sandbox Code Playgroud)

background_color_chip_state_list

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/topic_social_selected" android:state_checked="true" />
    <item android:color="@color/topic_social_pressed" android:state_pressed="true" />
    <item android:color="@color/topic_unselected_background" />
</selector>
Run Code Online (Sandbox Code Playgroud)

stroke_color_chip_state_list

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/topic_social_pressed" android:state_checked="true"/>
    <item android:color="@color/grey_material2" android:state_checked="false"/>
</selector>
Run Code Online (Sandbox Code Playgroud)

如您所见,我将芯片制作为可点击且可检查的(隐藏不需要的选中图标)。

但是当我测试它时,没有设置颜色。芯片看起来只是默认的颜色(灰度)

这种自定义样式可以在哪里应用或如何应用?

PS:

我进行了快速测试,以查看我的CustomStyle是否格式错误/等。

我通过xml添加了一个视图,并且运行良好。

<android.support.design.chip.Chip
                android:id="@+id/test" …
Run Code Online (Sandbox Code Playgroud)

android kotlin android-chips material-components material-components-android

7
推荐指数
3
解决办法
1262
查看次数

TextInputLayout:以编程方式设置框笔触颜色(突出显示和不突出显示)

我正在尝试将这些材料文本字段与框轮廓样式一起使用。我看到有一个名为的属性boxStrokeColor,它允许我仅在文本字段突出显示时设置笔划 ,而未突出显示它似乎从全局主题的colorPrimary值中提取该颜色。

在我们的应用程序中,用户可以为某些视图设置自己的背景颜色,我想将文本字段的笔触颜色更改为合适的对比色。

有没有干净的方法来以编程方式设置未突出显示的框笔触颜色?

android android-textinputlayout material-components material-components-android

7
推荐指数
1
解决办法
1128
查看次数

在不更改colorAccent的情况下无法更改MaterialButton上的背景颜色

Android Studio 3.2.1这是我的布局:

<com.google.android.material.button.MaterialButton
                android:id="@+id/bittrexJsonViewButton"
                android:layout_width="0dp"
                android:layout_height="@dimen/min_height"
                android:layout_marginStart="@dimen/half_default_margin"
                android:layout_marginEnd="@dimen/half_default_margin"
                android:text="@string/json_view"
                app:layout_constraintBottom_toBottomOf="@+id/binanceJsonViewButton"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toEndOf="@+id/binanceJsonViewButton"
                app:layout_constraintTop_toTopOf="@+id/binanceJsonViewButton" />
Run Code Online (Sandbox Code Playgroud)

更改MaterialButton的背景,我在styles.xml中更改colorAccent

<item name="colorAccent">@color/colorAccent</item>
Run Code Online (Sandbox Code Playgroud)

真好 是工作。

但是问题是:我不想更改colorAccent。我想为MaterialButtoncolorAccent使用不同的背景颜色

属性:

android:background="#aabbcc"
Run Code Online (Sandbox Code Playgroud)

没有帮助。

android android-button material-design material-components material-components-android

7
推荐指数
5
解决办法
1763
查看次数