Material Design学习总结（四）

最新推荐文章于 2024-06-06 19:56:51 发布
原创 最新推荐文章于 2024-06-06 19:56:51 发布 · 936 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#设计 #materail #design #总结 #android

这篇博客详细总结了Material Design的核心UI组件，包括过渡布局、菜单控件、界面滚动折叠效果，以及布局特殊属性和动画效果。重点讨论了CoordinatorLayout、AppBarLayout、CollapsingToolbarLayout、TabLayout、NavigationView等组件的用法，还涵盖了界面间共享转场动画和圆形扩展动画的实现细节。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

（一）Material Design核心UI组件

（1）过渡布局

1，CoordinatorLayout(ViewGroup)
2，AppBarLayout(LinearLayout)
3，CollapsingToolbarLayout(FrameLayout)
4,Toolbar(ViewGroup)
5,NestedScrollview(FrameLayout)

注：CoordinatorLayout要与AppBarLayout一块使用，就好比Scrollview要与LinearLayout一起使用
CollapsingToolbarLayout，Toolbar，NestedScrollview三个一起使用

（2）菜单控件

1，TabLayout（HorizontalScrollview）
2，NavigationView（FrameLayout）

（3）菜单布局

1，DrawLayout

（4）常规控件

1，recyclerview
2，CardView
3，FloatingActionButton
4，TextInputLayout <

最低0.47元/天 解锁文章

200万优质内容无限畅学
Material Design规范应用
Ya-Jun 的博客
03-07 149
Material Design的核心设计理念常用Material组件的使用方法Material主题系统的配置动效设计和实现实际项目中的最佳实践。
WPF实战项目二：设计首页导航条
yigu4011的博客
07-11 2129
通过MaterialDesignThemes的github地址，下载代码，将导航条代码复制到MainWindow.xaml中。添加三个按钮最小化、最大化、关闭，添加头像，设置头像为圆角显示，总体代码如下。设置materialDesign的 x:Name="ColorZone"设置三个按钮的点击事件和拖动导航栏、双击导航栏的点击事件。在解决方案窗体下添加图片文件夹，添加头像图片。添加代码到
学习Material Design总结（一）
qq_43158307的博客
01-10 246
使用的库 compile 'com.android.support:design:24.2.1' compile 'de.hdodenhof:circleimageview:2.1.0' compile 'com.android.support:recyclerview-v7:24.2.1' compile 'com.android.support:cardview-v...
MaterialDesign系列文章（三）过渡动画的实现
weixin_34216107的博客
05-03 258
大家好！wo又来了。。。几天不见甚是想念！！！最近由于比较忙，请原谅我的懒惰！！！写关于MaterialDesign的文章已经有好几篇了。昨天无意间看见了一个关于过度动画的概念，所以今天想和大家分享一下关于过度动画的实战！这里唠叨一下，网上很多文章都是针对于页面跳转的动画，其实过渡动画不光可以实现页面跳转，对一些控件也是可以生效的。 如果你想直接案例解析的话，可以直接从第三条开始看！！！ 先简...
Material Design之定制动画--触摸反馈，循环揭露，转场动画,共享元素和曲线运动
千里之外
01-16 4190
先贴下官网的API https://developer.android.com/training/material/animations.html 触摸反馈： 在按钮属性中添加 android:background="?android:attr/selectableItemBackground" 则点击按钮的时候会有水波纹（有边界），波纹不超过设置的控
WPF MaterialDesign 初学项目实战（3）动态侧边栏
qq_44695769的博客
05-14 4403
在App.xmal文件中添加样式信息-- 自定义样式 样式名 : MyListBoxItemStyle , 样式挂载：ListBoxItem -- > < Style x : Key = "MyListBoxItemStyle" TargetType = "ListBoxItem" >
WPF MaterialDesign 初学项目实战（1）首页搭建
qq_44695769的博客
05-13 4692
项目运行成功之后左边的列表就是提供的控件的列表仔细看的话提供的控件非常的完整，消息提示，弹出层，手风琴，面包屑，卡片等。常用的都具备了。这里顺便说一下，前端的UI一般是+UI框架+统计图解决。VueEChartsUniappuViewuChart这个框架还挺好看的，但是没有提供统计图的方法。我去NuGet上面搜了一下，发现了统计图。看了一下官网不知道要不要收费，等这个结束了我去学一下这个统计图的UI。基本前端的UI就这些了。
MaterialDesignColor:Material Design调色板
05-29
总结来说，MaterialDesignColor库是Java开发者在构建Android应用时实现Material Design风格的重要工具。通过理解和使用这个调色板，开发者可以创建出符合现代设计趋势且具有高度用户体验的应用。而MaterialDesign...
MaterialDesign-Webfont-master.zip
03-17
总结来说，MaterialDesign-Webfont-master.zip提供了一套完整的Material Design图标集，包括字体文件、CSS样式和示例代码，便于开发者在网页项目中实现Material Design风格的图标显示。通过理解和应用这些资源，你...
Material Design 总结demo
09-05
Material Design是一种由Google推出的，旨在提供跨平台、一致性的用户界面设计语言，它注重美观、交互性和功能的统一。...通过不断学习和实践，可以熟练掌握Material Design的精髓，为用户提供更加美观和易用的界面。
Material Design当中的动画（一）
EasyLiu
03-04 872
在material主题当中为按钮和activity transition提供了很多默认的动画，并且在API21及以上允许我们自定义这些动画，包括以下几个部分： 1、触摸反馈动画 2、循环揭露动画 3、Activity transitions动画 4、曲线运动 5、视图状态改变
Day33 登录注册功能实现
最新发布
build2024
06-06 280
​ 本章节实现了登录注册功能，以及登录成功后，跳转到系统首页 一.登录注册页面的切换 在 Material Design 中，有一个 Transitioner 控件，也就是切换面板控件，它可同时容纳多个不同的窗口内容。其中就有一个属性值：SelectedIndex，根据该属性值来切换呈现不同的选中页内容。注册页面和登录就可以使用该控件来实现不同页面之间的切换。 使用示例： 引入prism 命名空间 xmlns:md="http://materialdesigninxaml.net/winfx/xam
WPF使用materialdesign报错：IOException: 找不到资源“themes/materialdesigntheme.defaults.xaml”。
weixin_46407807的博客
03-13 2725
背景：搞了好久，跟着别人装这个md库，找了几份试下来多不行，结果就是查csdn看到有人说是5.0版本在配置上有更新。后面又尝试了其它的.net版本用这个也不行，那就将WiKi上的资源都排列组合一下，直到能用。这个是App.xaml的加载资源。
Day03 左侧菜单数据绑定
build2024
06-02 344
一.左侧菜单数据绑定 1.首先，进行项目结构塔建。按照Prism 框架约定，要使用自动查找绑定功能。即View （视图）中自动查找并绑定到对应的ViewModel（视图模型，处理视图业务逻辑）。就需要在项目中按约定，创建的视图后缀必须以 View 结尾和视图模型后缀必须以 ViewModel 结尾。 例如： xxxView.xaml和xxx.ViewModel.cs Models 文件夹，存放实体类，并且实体类要继承自Prism 框架的 BindableBase，目的是让实体类支持数据的动态变更
WPF 自定义ListBox MaterialDesign
u010197227的博客
05-25 656
<ListBox> <ListBoxItem > <StackPanel Height="60" Orientation="Horizontal" Margin="20 0 40 0"> <Image Source="/Images/图片.png" Stretch="None" /> <TextBlock...
Material Design 系列 Transition
AnalyzeSystem的博客
04-29 7294
该篇涉及内容比较多就不多于废话了，直接x入主题PathMotion抽象类PathMotion一个与路径移动相关的，这个基类可以扩展提供运动沿着路径转换，比如指定两个位置进行移动，通过PathMotion路径下指定维度进行移动。该类提供了一个getPath方法，源码如下 public abstract class PathMotion { public PathMotion() {} pu
C# WPF过渡效果实现（C# WPF Material Design UI: Transitions）
Dotnet9的专栏
12-26 2646
时间如流水，只能流去不流回！ 点赞再看，养成习惯，这是您给我创作的动力！ 本文 Dotnet9 https://dotnet9.com 已收录，站长乐于分享dotnet相关技术，比如Winform、WPF、ASP.NET Core等，亦有C++桌面相关的Qt Quick和Qt Widgets等，只分享自己熟悉的、自己会的。 阅读导航： 一、先看效果 二、本文背景 三、代码实现 四...
效果图ui设计登录页面html,简洁的Material Design风格用户登录界面设计
weixin_42299472的博客
06-05 1179
这是一款效果非常漂亮的Material Design风格用户登录界面设计。该登录界面采用扁平风格，浮动标签等Material Design元素，使用纯CSS3来完成。使用方法HTML结构该登录表单的HTML结构非常简单：采用嵌套的HTML结构，每一个form-group是一组表单输入元素，这里使用input+label的组合，用于制作浮动标签的效果。用户登录用户名 密　码忘记密码 ? CS...
Android中简单的弹出菜单
a616735104的博客
10-07 548
Android中简单的弹出菜单 　　这次我们使用后台代码来动态添加按钮，并关联事件。点击该按钮后弹出类似下图的菜单，点击第1个选项后，自动弹出小对话框来。 步骤如下： 1、首先添加array资源： <resources> <array name="ItemArray"> <item>第一项</...
Material Design实现总结与代码示例
综上所述，"Material Design 总结demo" 的工作笔记是关于如何在软件开发中实现 Material Design 的指南，这不仅对 Android 开发者来说是一个宝贵的学习资源，也对所有对 Material Design 设计语言感兴趣的设计师和...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值