Material Design is everywhere. Most popular apps use it in one form or another and new apps launch with it every day. Thus, we have redone the list to show some of the best examples of Material Design that you can find.
创建一个React App应用程序(https://github.com/mui-org/material-ui/examples/create-react-app/) Next.js(https://github.com/mui-org/material-ui/examples/nextjs/) 用流创建React应用程序(https://github.com/mui-org/material-ui/examples/create-react-app-with-flow/) 用TypeScript创建React应用程序(h...
https://material.io/design/shape/applying-shape-to-ui.html#shape-scheme 形状工具 Material Design 提供了一个实用的形状自定义工具,用于预览形状类别以及参数被如何应用到各种组件的倒角上。 形状自定义工具 https://material.io/design/shape/about-shape.html#shape-customization-tool △ 形状自定义工具 形状资...
创建一个React App应用程序(https://github.com/mui-org/material-ui/examples/create-react-app/) Next.js(https://github.com/mui-org/material-ui/examples/nextjs/) 用流创建React应用程序(https://github.com/mui-org/material-ui/examples/create-react-app-with-flow/) 用TypeScript创建React应用程序(h...
https://material.io/design/typography/ Material 形状 https://material.io/design/shape/ 在Android 上可使用1.1.0版本及以上的Material 组件(Material Design Components, MDC) 库来实现 Material 主题。如果您希望从 Design Support Library 或 MDC1.0.0迁移到新版本的 MDC,请参阅我们的迁移指南。
您可以在GitHub 存储库中 /examples 文件夹下找到一些示例项目: Next.js(TypeScript 版本) Create React App(TypeScript 版本) Remix Gatsby Preact CDN Plain server-side Tailwind CSS Vite.js(TypeScript 版本n) 使用styled-components 作为样式引擎(TypeScript version) ...
Warning The screenshots below are taken from the Material Design 2 demo app. It is possible that these are out of date. Run the demo app from latest source to see the latest version.Show images More examplesKeboo/MaterialDesign.Examples doobry F1ix Motion List...
Here are some other popular examples of design systems: Microsoft Fluent Design System Microsoft Office Fabric UI System MailChimp IBM BONUS: Mobile Community Standup Today on the Mobile Community Standup, Xamarin.Forms engineer Shane Neuville joined James Montemagno and myself to discuss Visual, Ma...
第5章MaterialDesign风格组件-BottomNavigationBar底部导航条组件 防采集标记:亢少军老师的课程和资料 Flutter技术入门与实战: http://product.dangdang.com/26485813.html Flutter交流学习群:894109159 Flutter开源项目请关注: https://github.com/kangshaojun Flutter***:https://edu.csdn.net/lecturer/2436 @作者: 亢...
Examples of moving floating action buttons 【翻译】 移动浮动操作按钮的示例 ***Lateral screens - 侧面屏幕*** A floating action button that spans multiple lateral screens (such as tabbed screens) should briefly disappear, then reappear if its action changes. The...