material-design 相关问题

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

在我的 Angular 项目中，一些 Material 图标似乎没有渲染：多米诺骨牌沙漏其他图标正常渲染。我有

angular material-ui angular-material material-design

回答 1 投票 0

Angular Material 3 是否有用于边距/填充、Flexbox 等的 CSS 辅助类

Angular Material 3 中是否有用于 margin/padding、flexbox 等的内置 CSS 辅助类？我看到 Vuetify、Tailwind、Bootstrap 有很多辅助类（例如 px-4、ma-6、mx-auto 等）....

angular angular-material material-design material3

回答 1 投票 0

升级错误&& Thegetter 'subtitle2' 没有为'TextTheme' 类定义||未找到成员：“MediaQuery.boldTextOverride”。材质主题

将Flutter升级到最新版本但出现此问题。尝试删除 Android 文件夹，然后在 flutter create 的帮助下重新创建它。命令，但这个问题仍然没有解决。还有，

flutter package material-design themes upgrade

回答 1 投票 0

更改 BottomSheetScaffold 最大宽度

BottomSheetScaffold 根据材质规格，最大宽度为 640dp：

android android-jetpack-compose material-design bottom-sheet

回答 1 投票 0

关闭材料设计对话框

我有材料设计对话框： ... 我有材料设计对话框： <materialDesign:DialogHost CloseOnClickAway="True" IsOpen="{Binding IsOpenDialogAddingEP, UpdateSourceTrigger=PropertyChanged}"> ... </materialDesign:DialogHost> <Button Command="{Binding CloseDialogAddingEPCommand}"/> 我想在单击按钮时关闭对话框，在代码后面： public ICommand CloseDialogAddingEPCommand { get; private set; } public MyPage() { InitializeComponent(); DataContext = this; CloseDialogAddingEPCommand = new RelayCommand(CloseDialogAddingEP); } void CloseDialogAddingEP() { IsOpenDialogAddingEP = false; } private bool isOpenDialogAddingEP; public bool IsOpenDialogAddingEP { get { return isOpenDialogAddingEP; } set { isOpenDialogAddingEP = value; OnPropertyChanged("IsOpenDialogAddingEP"); } } public event PropertyChangedEventHandler PropertyChanged; protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } 但是按钮没有任何作用，你能告诉我为什么吗？您添加了吗： public partial class Window:Window, INotifyPropertyChanged ？

c# wpf xaml material-design

回答 1 投票 0

一些材质图标不适用于 Angular Material

我正在尝试使用保留材质图标，但它不起作用。当我使用以下 HTML 时，我可以看到前两个图标，但看不到保留的图标。我注意到其他图标也有这个问题，...

angular angular-material material-design

回答 1 投票 0

为什么 MaterialAutoCompleteTextView 的渲染方式与 TextInputEditText 不同？

我在 TextInputLayout 中有一个 TextInputEditText 和一个 MaterialAutoCompleteTextView ：我在 TextInputLayout 中有一个 TextInputEditText 和一个 MaterialAutoCompleteTextView： <com.google.android.material.textfield.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="@string/name"> <com.google.android.material.textfield.TextInputEditText android:id="@+id/name" android:layout_width="match_parent" android:layout_height="wrap_content" /> </com.google.android.material.textfield.TextInputLayout> <com.google.android.material.textfield.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="@string/category"> <com.google.android.material.textfield.MaterialAutoCompleteTextView android:id="@+id/category1" android:layout_width="match_parent" android:layout_height="wrap_content" /> </com.google.android.material.textfield.TextInputLayout> 除了标签不同之外，它们是相同的。然而，这就是它的样子： MaterialAutoCompleteTextView 中的字体较大，并且没有内边距。是否有明显的原因导致其呈现不同？有没有一种简单的方法可以使它看起来像 TextInputEditText （因此，无需摆弄）？您可以自定义 MaterialAutoCompleteTextView，使其看起来与 TextInputEditText 类似。 > MaterialAutoCompleteTextView extends AppCompatAutoCompleteTextView extends AutoCompleteTextView extends EditText 请从这里检查源代码。因此 EditText 的所有属性和自定义都适用于 MaterialAutoCompleteTextView . 接下来通过覆盖字体大小和填充属性来自定义样式以匹配TextInputEditText。检查以下步骤： 1.样式.xml： <style name="CustomAutoCompleteTextViewStyle" parent="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"> <item name="android:textSize">@dimen/text_size_normal</item> <item name="android:padding">@dimen/default_padding_small</item> </style> 2. dimen.xml: 在您的 dimen.xml 文件中为该资源定义。 <dimen name="default_padding_small">8dp</dimen> 3.更新了MaterialAutoCompleteTextView： <com.google.android.material.textfield.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="@string/category"> <androidx.appcompat.widget.MaterialAutoCompleteTextView android:id="@+id/category1" android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/CustomAutoCompleteTextViewStyle" /> </com.google.android.material.textfield.TextInputLayout>

android material-design

回答 1 投票 0

当我将 fabAlignmentMode 添加到中心时，摇篮 fabAnchorMode 不起作用

我想把这个FAB放在BottomAppBar的中心前中心但是当我添加 app:fabAlignmentMode="center" 时，FAB 转到中心，并且 app:fabAnchorMode="cradle&q...

android xml material-design

回答 1 投票 0

Android/Kotlin Material Button Group 默认选择

我在片段布局中有一个材质按钮切换组（需要单选和选择），但在加载我的应用程序时，我希望已经选择其中一个按钮。我想添加...

android kotlin material-design

回答 1 投票 0

在vue3中修改vuetify主题时出错

我有一个错误，或者如果你可以称之为我想更改 vuetify 主题的主要和次要颜色，我在 vuetify.js 文件中执行此操作，如下所示。 // 样式导入'@mdi/font/css/

vue.js vuejs3 vuetify.js material-design

回答 1 投票 0

如何在Android中剪切（删除或隐藏或缩小）Material dateRangePicker（Dialog）的header_title？

我想删除顶部的空间我的风格主题（stackOverFlow 的用户回答在这里）我的代码有趣的 clickDatePicker() { setTheme(R.style.AppTheme_MaterailComponent) val local = 区域设置...

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

回答 3 投票 0

Android 底部导航视图占用太多高度

我没有使用任何样式/主题或任何复杂的自定义，但底部导航视图占据了意想不到的高度，我使用 wrap_content 作为高度，因此得到以下输出：我没有使用任何样式/主题或任何复杂的自定义，但底部导航视图正在采取意外的高度，我使用 wrap_content 作为高度，因此得到以下输出： <com.google.android.material.bottomnavigation.BottomNavigationView android:id="@+id/bottom_nav" android:layout_width="match_parent" **android:layout_height="wrap_content"** app:labelVisibilityMode="selected" app:menu="@menu/bottom_nav_menu" /> 当使用固定高度时，即？attr/actionbarsize我得到以下输出（所有图标/标签折叠）：代码： <com.google.android.material.bottomnavigation.BottomNavigationView android:id="@+id/bottom_nav" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:labelVisibilityMode="selected" app:menu="@menu/bottom_nav_menu" /> 布局完整代码： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/main" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".AppInstalledCheckActivity" android:background="#FFEB3B"> <EditText android:id="@+id/edittextPackageName" android:layout_width="match_parent" android:layout_height="60dp" android:hint="Enter Package Name" /> <Button android:id="@+id/buttonCheckInstalled" android:layout_width="match_parent" android:layout_height="45dp" android:text="Enter Package Name" /> <androidx.fragment.app.FragmentContainerView android:id="@+id/nav_host_fragment" android:name="androidx.navigation.fragment.NavHostFragment" android:layout_width="match_parent" android:layout_height="400dp" app:navGraph="@navigation/navgraph" /> <com.google.android.material.bottomnavigation.BottomNavigationView android:id="@+id/bottom_nav" android:layout_width="match_parent" android:layout_height="wrap_content" app:labelVisibilityMode="selected" app:menu="@menu/bottom_nav_menu" /> </LinearLayout> 我希望它与工具/操作栏具有相同或相似的高度。你需要改变 <androidx.fragment.app.FragmentContainerView android:id="@+id/nav_host_fragment" android:name="androidx.navigation.fragment.NavHostFragment" android:layout_width="match_parent" **android:layout_height="400dp"** app:navGraph="@navigation/navgraph" /> 到 **android:layout_height="match_parent"**

android xml kotlin material-design bottomnavigationview

回答 1 投票 0

升级到flutter 3.22后旧库的样式问题

我想升级flutter版本到3.22 有什么技巧可以轻松做到这一点吗？无需升级所有库 Flutter 3.22 为 Material Design 系统带来了重大更新和修复，增强了...

android flutter material-design libraries

回答 1 投票 0

Angular Material 3 主题不包括所有样式，如立面或颜色

截至今天，我一直在使用最新 Angular 18.0.0 版本中的新 Angular Material 3 设计风格。已尝试遵循此处的文档。以下是我到目前为止所做的事情。 ...

angular angular-material material-design material3

回答 1 投票 0

如何在reactjs中使用material ui在页面上导航

我正在使用material-Ui为我的仪表板制作一个抽屉，我在页面上导航时遇到了问题首先，我想分享我的应用程序。 js 这里我有产品路线 <