云南网站建设及优化,扬州网站建设哪家公司好,极家装修公司,最常用最齐全wordpress插件大全探索 Material 3#xff1a;全新设计系统和组件库的介绍 一、Material 3 简介1.1 Material 3 的改进和更新1.2 Material 3 的优势特点 二、Material 3 主题使用2.1 使用 Material3 主题2.2 使用 Material3 主题颜色 三、Material 3 组件使用3.1 MaterialButton#xff1a;支持… 探索 Material 3全新设计系统和组件库的介绍 一、Material 3 简介1.1 Material 3 的改进和更新1.2 Material 3 的优势特点 二、Material 3 主题使用2.1 使用 Material3 主题2.2 使用 Material3 主题颜色 三、Material 3 组件使用3.1 MaterialButton支持个性化主题颜色的按钮3.2 NavigationRail导航栏3.3 SearchBar搜索栏3.4 TabBar标签栏 四、总结 一、Material 3 简介
Material 3 是 Google 推出的 Android 设计语言的最新演进为开发者提供了一套更为先进和丰富的设计组件。Material 3 不仅仅是设计的变革更是用户体验的全新定义。它突破了传统设计的边界引入了更加现代化和灵活的组件以适应不断演变的应用需求Material 3 将引领 Android 设计新潮流。 官网https://m3.material.io/Githubhttps://github.com/material-components/material-components-android/
1.1 Material 3 的改进和更新 色彩系统Material 3 的色彩系统基于 Material You 的色彩系统但提供了更多的颜色选择。Material 3 的色彩系统包括以下几种颜色
基础色基础色是 Material 3 的核心色彩包括Primary主要色、Secondary次要色、Tertiary第三色、Neutral中性色。补充色补充色用于与基础色搭配包括Accent强调色、Contrast对比色。过渡色过渡色用于连接基础色和补充色包括Transition 1过渡色 1、Transition 2过渡色 2。 字体系统Material 3 的字体系统基于 Material You 的字体系统但提供了新的字体选择。Material 3 的字体系统包括以下几种字体
RobotoMaterial 3 的默认字体是一种无衬线字体。Noto Serif一种衬线字体用于标题和副标题。Noto Sans一种无衬线字体用于正文。 组件Material 3 新增了一些新的组件这些组件可以帮助开发者构建更加现代、美观的应用程序。
TypographyTypography 组件用于控制文本的样式和大小。Typography 组件可以设置文本的字体、字号、字重、行高等属性。SurfaceSurface 组件用于控制背景的颜色和阴影。Surface 组件可以设置背景的颜色、透明度、阴影等属性。ElevationElevation 组件用于控制阴影的高度。Elevation 组件可以设置阴影的高度、颜色等属性。 动画Material 3 的动画更加流畅和自然。Material 3 使用了新的动画 API可以让开发者更轻松地创建动画。
1.2 Material 3 的优势特点 全新设计语言 Material 3 引入了一种名为 “Material You” 的个性化设计语言。它允许用户根据自己的喜好和风格自定义应用程序的外观和感觉。通过 Material You开发人员可以利用系统级的颜色、字体和形状为用户提供个性化的界面体验。 新的组件库 Material 3 带来了一系列全新的组件旨在提供更好的可访问性、更高的自定义性和更好的性能。以下是一些常用的组件 AppBar用于创建应用程序的顶部导航栏可以包含标题、操作按钮和导航菜单等元素。 Button提供各种样式和交互方式的按钮包括文本按钮、图标按钮和浮动操作按钮等。 Card用于呈现信息的卡片式容器可以包含标题、图像和操作按钮等。 Dialog用于在应用程序中显示模态对话框可用于提醒、确认和输入等场景。 Snackbar用于在屏幕底部显示临时消息或操作结果的轻量级提示框。 TextField提供文本输入框的组件支持单行和多行输入以及验证和自动完成等功能。 TabBar用于在页面或应用程序中切换内容的选项卡导航栏。 自定义主题 Material 3 提供了强大的主题定制功能开发人员可以根据项目需求自定义应用程序的颜色、字体、形状和其他视觉样式。通过定义主题可以确保应用程序与品牌标识和用户期望保持一致。 可访问性支持 Material 3 重视可访问性提供了一系列工具和指南帮助开发人员构建无障碍的应用程序。组件库中的每个组件都经过了可访问性测试和优化以确保所有用户都能够轻松使用应用程序。
二、Material 3 主题使用
Material 3 引入了全新的主题引擎使开发者能够更灵活地定制应用的外观和交互方式。Material 3 的色彩系统基于色调、明度和饱和度三个属性。色调是颜色的基调明度是颜色的亮度饱和度是颜色的纯度。Material 3 的色彩系统使用了一种称为 色调提取 的方法来生成应用程序的色彩。色调提取方法会从用户的壁纸中提取出一种主色调然后生成应用程序的其他色彩。 通过以下步骤你可以开始使用 Material 3 的主题引擎
2.1 使用 Material3 主题
在 res/values/styles.xml 中使用 Theme.Material3
resources!-- Base application theme --style nameAppTheme parentTheme.Material3!-- Customize your theme here --/style
/resources2.2 使用 Material3 主题颜色
在布局文件中使用主题颜色
TextViewandroid:idid/myTextViewandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:textHello, Material 3!android:background?attr/colorSurface /在 Java 代码中获取主题颜色
// 获取主题颜色
int colorSurface getColorFromAttribute(R.attr.colorSurface);// 设置 TextView 背景颜色
TextView myTextView findViewById(R.id.myTextView);
myTextView.setBackgroundColor(colorSurface);// 辅助方法用于从主题属性获取颜色
private int getColorFromAttribute(int attr) {TypedValue typedValue new TypedValue();getTheme().resolveAttribute(attr, typedValue, true);return typedValue.data;
}三、Material 3 组件使用
组件是用于创建用户界面的交互式构建块。它们可以根据其用途分为几类操作、遏制、通信、导航、选择和文本输入。Material 3 引入了一系列先进的组件让开发者能够更容易地构建现代化、富有创意的应用。 以下是一些 Material 3 组件的介绍和使用示例
3.1 MaterialButton支持个性化主题颜色的按钮
com.google.android.material.button.MaterialButtonandroid:idid/myButtonandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:textClick meapp:backgroundTint?attr/colorPrimary /3.2 NavigationRail导航栏
com.google.android.material.navigationrail.NavigationRailandroid:idid/navigationRailandroid:layout_widthwrap_contentandroid:layout_heightmatch_parentapp:menumenu/navigation_menu /3.3 SearchBar搜索栏
com.google.android.material.searchbar.SearchBarandroid:idid/searchBarandroid:layout_widthmatch_parentandroid:layout_heightwrap_content /3.4 TabBar标签栏
com.google.android.material.tabs.TabBarandroid:idid/tabBarandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentapp:tabGravitycenterapp:tabModescrollableapp:tabIndicatorColor?attr/colorPrimary /四、总结
Material 3 的推出标志着 Android 设计语言的新一步演进。在未来我们可以期待更多创新的组件和功能的引入以满足不断变化的应用设计和用户需求。
Material 3 是一次令人兴奋的更新为开发人员提供了全新的设计语言和组件库。通过 Material You 的个性化设计开发人员可以为用户提供个性化的界面体验。新的组件库、自定义主题和可访问性支持使开发人员能够构建出色的应用程序。如果你是一个关注设计和用户体验的开发人员那么 Material 3 绝对值得一试。
Material 3 不仅仅是一场设计的革新更是 Android 应用界面开发的新里程碑。通过更加灵活的主题引擎和丰富的组件开发者能够创造出更具创意和个性化的应用。在 Material 3 的引领下Android 应用将更加现代、富有活力。希望这篇博客能够为你提供深入了解 Material 3 的一些基本概念和组件使用方法的指导。在你的下一个项目中尝试使用 Material 3为用户带来全新的体验吧
