material-design 相关问题

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

Android 复制/粘贴上下文菜单在对话框中使用时有幽灵背景

我有一个简单的对话框,其中包含一个注释字段,当我长按一个项目时,就会发生这种情况(我附加不同的状态,以更好地理解问题) 现在,这是我已经尝试过的: ...

回答 1 投票 0

Flutter 材质动态颜色缺少表面和立面颜色

我从 Flutter 和 Material You 动态颜色开始。设置示例应用程序后,我尝试使用设备中的动态颜色。但不是正确渲染背景并升高

回答 1 投票 0

如何实现材料指南中描述的全屏对话框?

材料指南描述了全屏对话框的行为。 全屏对话框 |对话框 - 材料设计 我如何在实践中实现这一目标?

回答 3 投票 0

如何更改TextInputLayout中密码切换的颜色?

如果 EditText 是否获得焦点,我需要更改 TextInputLayout 中密码切换的颜色。我已经这样做了,但它不起作用。颜色始终等于浅灰色(来自状态 f...

回答 5 投票 0

想要在 Flutter TimePicker 中仅选择分钟和秒

“material”flutter 中是否有任何内置小部件允许我们以旋转表盘的方式选择分钟和秒,类似于 TimePicker 小部件(仅允许选择一个

回答 1 投票 0

创建 AnimatedVectorDrawable 的工具

我真的很喜欢 Android 中添加的 AnimatedVectorDrawable 功能。 有什么好的工具可以创建这样的动画吗? 例如。任何创建动画的工具如下所述: 编辑: 到目前为止我已经找到了

回答 4 投票 0

Flutter:FloatingActionButton 阴影

您是否能够或有办法更改 FloatingActionButton.extended 或任何其他浮动按钮产生的阴影的颜色吗?

回答 4 投票 0

物化CSS模态如何显示和删除

我有一个新闻搜索按钮,如果我输入无法搜索的文本,应该会自动出现一个模式窗口,指示没有jquery的materializecss没有找到任何内容。 如果大海...

回答 1 投票 0

一些 Material 图标未在我的 Angular 项目中渲染

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

更改 BottomSheetScaffold 最大宽度

BottomSheetScaffold 根据材质规格,最大宽度为 640dp:

回答 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 ?

回答 1 投票 0

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

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

回答 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>

回答 1 投票 0

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

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

回答 1 投票 0

Android/Kotlin Material Button Group 默认选择

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

回答 1 投票 0

在vue3中修改vuetify主题时出错

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

回答 1 投票 0

如何在Android中剪切(删除或隐藏或缩小)Material dateRangePicker(Dialog)的header_title?

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

回答 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"**

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.