=====Material Design 的时代要来了 所有app都扛不住======

最新推荐文章于 2025-05-15 09:53:12 发布
原创 最新推荐文章于 2025-05-15 09:53:12 发布 · 950 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了 Material Design 相关的库资源，这些库可以帮助开发者更轻松地实现 Google 的 Material Design 设计理念，涵盖各种 UI 组件及样式规范。
http://www.youkuaiyun.com/article/2014-11-21/2822753-material-design-libs
C#里创建一个MaterialDesign3的导航条
大坡3D软件开发
05-09 381
本文详细介绍了如何创建一个带有左侧导航窗口的WPF应用程序。首先，通过XAML定义了主窗口的结构，包括窗口样式、背景颜色、标题栏内容等。接着，使用DrawerHost控件实现了左侧导航抽屉，并通过ToggleButton控制其展开与收起。在代码部分，通过InitMenu方法初始化了导航菜单，使用自定义控件UserControlMenuItem来显示菜单项及其子项。ItemMenu和SubItem类分别用于管理菜单项和子项的数据。最终，通过绑定和布局，实现了左侧导航窗口的动态显示与交互功能。
C#WPF使用MaterialDesign 显示带遮罩的对话框
qq_30725967的博客
11-30 1372
C#WPF使用MaterialDesign 显示带遮罩的对话框
十大Material Design开源项目
kejia90的专栏
11-21 1364
 介于拟物和扁平之间的Material Design自面世以来，便引起了很多人的关注与思考，就此产生的讨论也不绝于耳。本文详细介绍了在Android开发者圈子里颇受青睐的十个Material Design开源项目，从示例、FAB、菜单、动画、Ripple到Dialog，看被称为“Google第一次在设计语言和规范上超越了Apple”的Material Design是如何逐渐成为App的一种全
直接拿来用！十大Material Design开源项目
11-27 830
http://www.youkuaiyun.com/article/2014-11-21/2822753-material-design-libs
android material开源,十款 Material Design 风格的 Android 开源项目
weixin_39797693的博客
05-31 237
自 Android 推出 Material Design 以来，原生的Android系统颜值越来越高，现在可以客观的说和苹果的iOS 不分伯仲。这篇文章整理了一些优秀的遵循 Material Design 的 Android开源项目，以供分享、交流和学习。Materialistic 是一个开源的无广告的 Hacker News手机客户端应用，同时支持手机以及平板。特别为速度以及网络使用而优化。颜值...
C# MaterialDesign抽屉式风格
那人那事的博客
08-15 587
本案例主要是使用MaterialDesign Wpf库结合Prism框架进行编写。
C#WPF 配置使用MaterialDesign
GaoAlex123456的博客
07-27 1655
此时代码报错，因为缺少一些引用。上述代码中使用了PopupBox控件，继续在App.xaml中添加。打开管理NuGet程序包，搜索MaterialDesignThemes，进行安装。引用的程序集不全，有一些控件需要单独在App.xaml中引用一下程序集。打开 视图 .> 其他窗口 > 程序包管理控制台。在MainWindow.xaml中的Window标签中添加。视图 > 其他窗口 > 程序包管理器控制台。App.xaml文件。
android:theme="@style/apptheme",Theme(主题) Style(风格)
weixin_42648844的博客
07-03 4641
ToolBar.jgp.JPG](http://www.jizhuomi.com/android/course/221.html)Android主题(Theme)和风格(Style)类似Web开发中，HTML代码负责内容部分，CSS部分负责表现部分，可以把内容和形式分离开。同样在Android的开发中，我们可以使用Theme、Style+UI组件的方式，实现内容和形式的分离，做到界面的自定义。这样...
MaterialDesign-DemoApp
03-31
【MaterialDesign-DemoApp】是一个基于WPF平台的UI框架示例应用，它展示了Material Design设计风格在Windows桌面应用程序中的实现。Material Design是由Google推出的现代设计语言，旨在提供跨平台的一致性、美观和...
com.google.android.material.tabs.TabLayout取消 app:tabIndicatorColor="@color/white"颜色
最新发布
12-09
要**取消 `TabLayout` 的指示器（indicator）颜色**，即去除底部滑动的小横条（indicator），你可以通过以下几种方式实现： --- ### ✅ 方法一：将 `tabIndicatorColor` 设为透明色（推荐） 保留 `TabLayout` ...
基于Material Design的Boat APP Java版启动器美化设计源码
02-07
本文所涉及的项目是一个基于Material Design风格进行美化设计的Boat APP Java版启动器源码，该项目的发布无疑为喜爱定制化Android设备体验的用户提供了一个新的选择。从技术角度出发，该项目的开发采用了Java编程...
material-design-data：关于Material Design的一切资料都在这里
01-29
Material Design是以后Android的主流设计风格，现在已经越来越多的APP在此我收集了一份关于Material Design的学习资料闸大家学习，希望对你们有所帮助！这个项目我会在Github： : 上不定期更新，欢迎star，关注。 ...
Visual Studio 2017 C#WPF用MaterialDesign实现工控界面.rar
02-03
Visual Studio 2017 C#WPF用MaterialDesign实现工控界面
WPF MaterialDesign开源免费UI组件的简单使用
08-20
Material Design是一个很好用的WPF样式库和控件集，对于稍微有点WPF基础的开发者非常友好。简单好用是我的第一感：直接使用NuGet就可以获取到资源包，通过其官方的DemoApp(MaterialDesignDemo)很容易使用控件和样式，上手贼快。对于喜欢钻研的同学来说，他具备完善的资料：GitHub源码和实例，可以通过学习研究创作出更多的好看、好用的样式和控件。
3 分钟 C# Winform 使用Material Design
weixin_37348409的博客
06-25 3867
WInForm使用Material Design 使用NuGet安装MaterialSkin 在Form.cs（design）中检查Form.cs的源代码 添加using using MaterialSkin; using MaterialSkin.Controls; 修改Form继承的接口 public partial class Form1 : MaterialForm 加入主题颜色设置 var skinManager = MaterialSkinManager.Instance;
C# WPF之Material Design自定义颜色
Dotnet9的专栏
01-14 4108
微信公众号：Dotnet9，网站：Dotnet9，问题或建议：请网站留言， 如果对您有所帮助：欢迎赞赏。 C# WPF之Material Design自定义颜色 阅读导航 本文背景 代码实现 本文参考 1. 本文背景 主要介绍使用Material Design开源控件库的自定义颜色功能 2. 代码实现 使用 .Net Core 3.1 创建名为 “CustomColorDemo” 的WP...
wpf使用MaterialDesign
weixin_44554554的博客
10-18 2436
下载materialDesign 在文件中引用头文件 xmal文件中 xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes" app.xmal中 <Application.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries>
【翻】Android Design Support Library 的 代码实验——几行代码，让你的 APP 变得花俏
Mr.傅的专栏
07-01 1707
译者地址：【翻】Android Design Support Library 的 代码实验——几行代码，让你的 APP 变得花俏 原文：Codelab for Android Design Support Library used in I/O Rewind Bangkok session—-Make your app fancy with few lines of code 原
C#+WPF+prism+materialdesign创建工具主界面框架
qq_45166271的博客
05-15 492
代码使用C#+WPF+prism+materialdesign创建工具主界面框架。
app:tabIndicatorGravity="stretch"和center有什么区别
09-17
<think> 我们需要解释TabLayout中tabIndicatorGravity属性的"stretch"和"center"值的区别。 根据Material Design的TabLayout文档： - "stretch": 指示器会拉伸以填满整个Tab的宽度（即与Tab等宽）。 - "center": 指示器会在Tab的中间位置，宽度为文本内容的宽度（或通过app:tabIndicatorFullWidth调整）。 具体说明： 1. tabIndicatorGravity="stretch": 指示器会占据整个Tab的宽度，通常用于固定模式（tabMode="fixed"）且每个Tab宽度相等的情况。 此时，即使设置tabIndicatorFullWidth="true"也不会改变，因为已经拉伸到最大。 2. tabIndicatorGravity="center": 指示器默认宽度与文本内容宽度相同（如果tabIndicatorFullWidth="false"），或者与整个Tab宽度相同（如果tabIndicatorFullWidth="true"）。 当tabIndicatorFullWidth="false"（默认值）时，指示器宽度等于文本宽度，并居中显示。 当tabIndicatorFullWidth="true"时，指示器会填满整个Tab，但此时与stretch的区别在于：center模式下，指示器的位置仍然是居中的，但宽度已经被设为全宽，所以视觉上可能和stretch相同。但实际上，stretch是强制拉伸，而center在tabIndicatorFullWidth="true"时也会全宽，但居中的设置可能对位置有影响（比如多个Tab时，每个Tab内指示器居中，但全宽后每个Tab内都居中，所以看起来也是全宽）。 然而，实际测试发现： - 当tabIndicatorFullWidth="true"时，无论gravity是center还是stretch，指示器都会占据整个Tab的宽度。 - 当tabIndicatorFullWidth="false"时（默认）： gravity="center": 指示器宽度等于文本宽度，在Tab内居中。 gravity="stretch": 指示器会拉伸至整个Tab的宽度（即使tabIndicatorFullWidth为false）。 因此，区别主要在于tabIndicatorFullWidth属性为false时： center: 指示器宽度自适应文本，居中。 stretch: 指示器宽度为整个Tab的宽度（忽略tabIndicatorFullWidth的设置）。 注意：官方文档中，tabIndicatorGravity的stretch值要求使用Material Components库1.1.0及以上版本。 总结： - 想要指示器与Tab文本等宽并居中：使用 center 且 tabIndicatorFullWidth="false"。 - 想要指示器填满整个Tab（无论文本长短）：使用 stretch 或者使用 center 且 tabIndicatorFullWidth="true"（但两者在视觉效果上可能相同，实际上stretch在低版本中可能不支持，而center+fullWidth是另一种实现方式）。 但根据实测（使用Material Components 1.3.0）： tabIndicatorFullWidth="true" 时，center和stretch效果相同（都是全宽）。 tabIndicatorFullWidth="false" 时，center为文本宽度，stretch为全宽。 因此，核心区别在于tabIndicatorFullWidth为false时，stretch会强制指示器全宽，而center不会。 §§相关问题§§ 1. 如何在TabLayout中自定义指示器的宽度而不使用全宽？ 2. TabLayout的tabMode属性设置为scrollable和fixed有什么区别？ 3. 如何动态改变TabLayout的指示器颜色？ 4. 在TabLayout中，如何为每个Tab设置不同的指示器样式？ 5. 为什么设置tabIndicatorGravity="stretch"后指示器没有效果？ </think> 在 Android Material Design 的 `TabLayout` 中，`app:tabIndicatorGravity` 属性控制指示器的对齐方式，`"stretch"` 和 `"center"` 的主要区别如下： ### 核心区别 | **属性值** | **视觉表现** | **适用场景** | **与 `app:tabIndicatorFullWidth` 的关联** | |------------|--------------|--------------|------------------------------------------| | **`center`** | 指示器居中显示，宽度默认等于 **文本宽度**<br>（若启用 `tabIndicatorFullWidth="true"` 则等于 Tab 宽度） | 标准设计，常见于非满宽 Tab | 需配合 `tabIndicatorFullWidth` 控制宽度 | | **`stretch`** | 指示器强制 **拉伸填满整个 Tab 区域**<br>（忽略文本宽度，始终满宽） | 需要视觉上强调选中态的场景 | 自动强制满宽，无视 `tabIndicatorFullWidth` 设置 | ### 示意图 ``` [ Tab1 | Tab2 | Tab3 ] ← TabLayout ● center 模式： [ "文本" ] ← 指示器宽度 = 文本宽度 ↑ 居中显示 ● stretch 模式： [─────────] ← 指示器强制拉伸填满整个 Tab ↑ 宽度始终 = Tab 宽度 ``` ### 使用建议 1. **`center` 更灵活** 适合需要精细控制指示器宽度的场景（如配合 `tabIndicatorFullWidth="false"` 实现文本宽度指示器） 2. **`stretch` 更强调** 适合需要突出选中状态的场景（如电商类 APP 的筛选 Tab） 3. **版本要求** `stretch` 需 Material Components **1.1.0+**，低版本需升级依赖： ```gradle implementation 'com.google.android.material:material:1.5.0' ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值