材料设计是Google针对Android 5.0 Lollipop引入的跨平台和设备的视觉,动作和交互设计指南。
嗨,我正在尝试实现一个自定义材料轮廓输入,其中包括标签浮动的凹口。 我知道 Angular Material 有一个现有组件,但我需要有自己的组件...
单击 MUI x 数据网格渲染按钮时使用 MUI Modal
我想知道当您单击 mui x 数据网格表时如何设置模式。 我不知道它是如何工作的。以及我应该如何将模式放入数据网格表中(点击按钮) 功能
在我的Android项目中,我使用的是Compose BOM 2023.08.00版本,现在我更新到2024.04.01,但是这样做之后,动态颜色不再起作用。相反,它显示灰色(这不是标准...
材质 3 底部应用栏 - 居中的 FloatingActionButton 将图标移至左侧而不是右侧
我在 Material 2 中的应用程序以这种方式使用底部应用程序栏: 我在 Material 2 中的应用程序正在以这种方式使用底部应用程序栏: <com.google.android.material.bottomappbar.BottomAppBar android:id="@+id/bar" style="@style/Widget.MaterialComponents.BottomAppBar.Colored" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" app:backgroundTint="@color/primarycolor" app:fabAlignmentMode="center" app:navigationIcon="@drawable/ic_menu_time" app:navigationIconTint="@color/lighttextcolor2" app:theme="@style/ThemeOverlay.MaterialComponents.Dark" /> <com.google.android.material.floatingactionbutton.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" app:backgroundTint="@color/fab" app:layout_anchor="@id/bar" app:rippleColor="#FFFF8888" app:srcCompat="@drawable/ic_fab_search" app:tint="@color/darktextcolor" /> 不幸的是,当我通过做去学习材料 3 时 style="@style/Widget.Material3.BottomAppBar" 我得到了新的 m3 设计,这很棒,但我的图标现在移到了左边!!! 我已经尝试过: 在我的menu.xml中,我添加了: android:layout_alignParentRight="true" 但没有效果 没有更多的想法... 非常感谢您的指导/帮助 在底部应用栏中添加此 app:menuAlignmentMode="auto"
通过 Material Web 组件的基本示例体验 FOUC
我目前正在使用 Material Web 组件实现一个超级基本的示例,如 GitHub 上的官方文档所述,但我遇到了无样式内容 Flash 的问题...
Material Chipgroup 中的 Animate Chip 检查(Android)
我正在编写一个 Android 应用程序,用户必须使用 ChipGroup 和 Chips 选择一个选项。 一切都工作正常,只是有点笨拙,因为除了
添加 Navigator.push Flutter 时不显示 InkWell 飞溅颜色效果
我正在尝试实现一个在点击时调用另一个页面的按钮。 我正在使用具有飞溅颜色效果的 inkWell 小部件和 onTap (){} 包装一个容器。 该按钮显示...
适用于 Android jetpack compose 的自定义可滑动选项卡(材料 3)
我如何制作或者是否有任何库可以用来创建可滑动的自定义选项卡,如下图所示[歌曲、专辑、艺术家、流派 => 选项卡], 我知道已经有一些选项卡
我在使用 Jetpack Compose 时遇到 Android 界面选项卡中的文本和图标问题
在此代码中,在文本参数中,我收到错误:@Composable 调用只能在 @Composable 函数的上下文中发生,图标也发生同样的情况:@Composable 调用可以
Material Design 带有 recyclerview 的滚动搜索栏
我希望我的材料设计搜索栏在我的回收视图中向下滚动时滚动/折叠。我遵循了这里的指导方针,但我无法让它工作。 我的活动 XML: 我希望我的材料设计搜索栏在我的回收视图中向下滚动时滚动/折叠。我遵循了here的指导方针,但我无法让它工作。 我的活动 XML: <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" xmlns:app="http://schemas.android.com/apk/res-auto"> <com.google.android.material.appbar.AppBarLayout android:id="@+id/appBarLayout" android:layout_width="match_parent" android:layout_height="wrap_content" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent"> <com.google.android.material.appbar.MaterialToolbar android:id="@+id/topAppBar" android:layout_width="match_parent" android:layout_height="wrap_content" android:minHeight="?attr/actionBarSize" app:title="Test" app:navigationIcon="@drawable/ic_navigate_back"/> </com.google.android.material.appbar.AppBarLayout> <fragment android:id="@+id/nav_host_fragment_activity_standalone" android:name="androidx.navigation.fragment.NavHostFragment" android:layout_width="match_parent" android:layout_height="0dp" app:defaultNavHost="true" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintTop_toBottomOf="@id/appBarLayout" /> </androidx.constraintlayout.widget.ConstraintLayout> 我的片段 XML: <?xml version="1.0" encoding="utf-8"?> <androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent"> <!-- NestedScrollingChild goes here (NestedScrollView, RecyclerView, etc.). --> <androidx.recyclerview.widget.RecyclerView android:id="@+id/recUserlist" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginStart="16dp" android:layout_marginEnd="16dp" android:orientation="vertical" app:layout_behavior="@string/appbar_scrolling_view_behavior" app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" /> <com.google.android.material.appbar.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:fitsSystemWindows="true" android:backgroundTint="@color/surface_900"> <com.google.android.material.search.SearchBar android:id="@+id/search_bar" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="Username" /> </com.google.android.material.appbar.AppBarLayout> <com.google.android.material.search.SearchView android:id="@+id/searchview" android:layout_width="match_parent" android:layout_height="match_parent" android:hint="Username" app:layout_anchor="@id/search_bar"> <androidx.recyclerview.widget.RecyclerView android:id="@+id/recFilteredUserlist" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" /> </com.google.android.material.search.SearchView> </androidx.coordinatorlayout.widget.CoordinatorLayout> 向下滚动 recyclerview 时,SearchBar 不会滚动,除非 recyclerview 嵌套在 NestedScrollView 中。 但是,我想避免将我的 recyclerview 放入嵌套滚动视图中,因为这会导致性能问题:所有 recyclerview 项目都将立即绑定/渲染。 我在这里缺少什么? 通过将 recyclerview 上的nestedscrollingenabled 从 false 更改为 true 解决了该问题。
我正在尝试使用操作栏设置 Android 导航抽屉。我在设置导航抽屉的图标和生成所有列表项时遇到困难。下面是我的代码,我现在...
如何在不同应用程序主题的对话框按钮中强制使用 ColorAccent?
我希望对话框的按钮文本使用 colorAccent。 但是,在某些应用程序主题中,对话框的按钮文本使用 colorPrimary。 以下是我的发现: Theme.AppCompat.Light.DarkActionBar - 对话框的
如何让图标显示在 Android Material Button 中的文本旁边?
我正在尝试使用谷歌开发的材质按钮。由于第三方依赖,我无法使用 androidx 存储库,因此我当前正在使用 android 支持库(v28.0.0-alpha1,
Angular Material 2. 单击时将主题从浅色切换为深色
所以我有一个 Angular 2 Material 应用程序。 我想做的只是通过单击简单的按钮将主题从暗切换/切换为亮。 我该怎么做?
从 Angular 16.2.14 更新到 Angular 17.3.1 后出现编译错误
今天我已将我的项目从 Angular 16.2.14 更新到 17.3.1,但是当我尝试编译时出现以下错误,我该怎么解决这个问题? ./src/assets/styles/customMaterialTheme.scss - 错误...
我正在为一个开源项目做出贡献,我正在为 React Native 开发材料设计。我工作受阻,无法对 UI 级别进行一些增强。填充、对齐...
从 Material Design 迁移到 Material 3,material3 组件不可用
我正在将应用程序更新到 Material Design 3,我将从 com.google.android.material:材质:1.5.0-alpha01 androidx.appcompat:appcompat:1.3.1 到 androidx.compose.material3:material3:1.2.1 androidx.
我需要添加一个位置图标来反应 Material-UI 选择选项。但没有选项...我在 select 中阅读了 API 文档,但找不到相关选项。所以我真的需要你的帮助......
将新页面转移到焦点的默认颤动动画是将其从底部向上滑动。如何更改此行为并从右侧或左侧滑动新页面? ...
Material design 图标,如何将它们居中为文本?
我一直在尝试使用 MaterializeCSS 制作某种带有 3 个链接的导航栏,每个链接的宽度为导航栏的 33%,并且我想将文本置于链接内的中心(甚至是图标) 如果我不放左...