PopupMenuButton控件即弹出菜单控件，点击控件会出现菜单。 import 'package:flutter/material.dart'; clas...
创建achievement_view_list_item.dart文件，具体的实现每一个列表项。
Input控件是质感设计的文本输入控件，它在用户每次输入时都会调用onChanged回调时，都会更新字段值，还可以实时的对用户输入进行响应。
效果 使用前效果 使用后效果 代码 默认JS代码 (function() { var font_style = document.createElement("style"); font_style.type...document.head.append(font_style); })(); 注意： 如果你设置了自定义字体，需要将上述代码中的 font-family: 定义为你的字体名称或删除，也就是直接使用下边的代码 补充JS
FormField控件是单一表单字段，这个控件维护表单字段的当前状态，以便更新和验证错误能在UI中可见。TextField控件就是在FormField中包装了一...
LinearProgressIndicator控件是质感设计中的线性进度指示器，具体内容如下 import 'package:flutter/material.dart'; class ActionViewEcology
显示在应用底部的质感设计控件，用于在少量视图中切换。底部导航栏包含多个以标签、图标或两者搭配的形式显示在项目底部的项目，提供了应用程序的顶级视图之间的快速导航。对于较大的屏幕，侧面导航可能更好。...同时使用质感设计的弹出菜单控件切换底部导航栏的行为和样式。...index; // 当前选择的底部导航栏项目，开始向前运行此动画 _navigationViews[_currentIndex].controller.forward(); }); } ); // 实现基本的质感设计视觉布局结构...return new Scaffold( // 质感设计应用栏 appBar: new AppBar( // 应用栏中显示的主要控件，包含程序当前内容描述的文本 title: new Text('底部导航演示...buildTransitionsStack() ), // 水平的按钮数组，沿着程序的底部显示 bottomNavigationBar: botNavBar, ); } } // 程序入口 void main() { // 创建质感设计程序
RaisedButton( child: new Text('显示底部面板'), onPressed: () { // showModalBottomSheet<T ：显示模态质感设计底部面板
在质感设计的控件中，有一个显示水平的一行选项卡，通常作为AppBar控件的一部分创建，并与TabBarView控件结合使用。...ScrollableTabsDemo with SingleTickerProviderStateMixin { /* * 在TabBar和TabBarView之间的坐标选项卡选择 * TabBar：质感设计控件...page) { return new Container( key: new ObjectKey(page.icon), padding: const EdgeInsets.all(12.0), // 质感设计卡片
禁用按钮 _showBottomSheetCallback = null; }); /** *currentState：获取具有此全局键的树中的控件状态 showBottomSheet：显示持久性的质感设计底部面板...解释：联系上文，_scaffoldKey是Scaffold框架状态的唯一键，因此代码大意为， 在Scaffold框架中显示持久性的质感设计底部面板 */ _scaffoldKey.currentState.showBottomSheet...24.0 ) ) ) ); }) /** *closed：当此对象控制的元素不再可见时完成 whenComplete：注册将在此未来完成时调用的函数 解释：联系上文，closed控制的元素是新构建的质感设计底部面板...showMessage() { // showDialog<T ：显示应用程序当前内容上方的对话框 showDialog<Null ( context: context, // AlertDialog：质感设计中的告警对话框...以浅色字体显示在对话框的中心 content: new Text('你点击了浮动按钮'), // actions：显示在对话框底部的可选操作 actions: <Widget [ // FlatButton：质感设计中的平面按钮
（3）降低了黄色还是不通透，要想打造金属质感，要在其中加点蓝色（因为我喜欢冷色调），别问我为什么不是绿色。 调色参数 （1）首先是调整曝光。 （2）让黄色滚远点。 （3）加点蓝，立马出结果。
我们今天要学习的是，如何快速的提高幻灯片的品质感？话不多说，直接上两张图。 ? ? 同样的内容，为什么给人的感受完全不一样？ 答案就是图标的应用。...为什么图标的应用会大幅度提高幻灯片的品质感呢？ 因为图标可以让观众快速的获取信息。即使观众一时半会儿没有领会到文字的意义，但可以从图标上快速理解文字要表达的意义。
这也是为什么Logo设计会成为平面设计、Web以及移动端设计中不可或缺的重要组成部分。 然而，创意满满的Logo设计， 可遇不可求。...作为设计师，如何才能设计出一款既能直观展现企业相关产品服务，又能轻松传递企业品牌文化的设计呢？...整款设计由抽象化的茶叶、眼睛以及茶杯等极简形状叠加而成，简洁易懂，创意地将其品牌和产品信息融入设计。是一款非常值得设计师模仿的典型形状类Logo设计。...支持时尚设计师、品牌企业以及用户在线实时交流。能够帮助设计师轻松收集用户喜好和需求，从而轻松打造用户愿意“买单”设计。其Logo设计，个性吸睛，是非常值得设计师学习和效仿的设计案例。 8....是一款非常值得设计师模仿的Logo设计。 而其动态版本Logo的设计，也使其首屏设计更加引人入胜，从而轻松忘却时间的流逝，成功降低界面跳出率。 以上就是小编和大家分享的相关Logo设计。
ps金属质感怎么做 1、新建图层，填充土黄色。 2、选择滤镜、杂色、添加杂色。 3、然后滤镜、模糊、高斯模糊。 4、参照原始图，调整色调。 5、也可以直接去素材网站找关键词金色质感。...以上就是ps金属质感的制作，大家想要图片更有质感时，金属的背景色会比较容易吸引大家的注意力。学会后，大家可以跟着本篇的教程进行练习。
在影视作品和网络游戏中，往往需要通过计算机技术制作出大量的虚拟图像，例如建筑、车辆、甚至是河水山峦，从而降低制作成本、保证演员的安全、增强观众或游戏用户的视觉真...
Lnix/Uinux 设计准则 Linux 是一个伟大的操作系统，在深入我们的学习之前，我们来了解一下其设计哲学。...这其实是单一职责在接口设计上的体现。不过实际设计中我们很少说拆的那么细，需要根据实际情况设计大小合适的接口。...小结 事实上 js 是天然多态的，没有抽象，重写也非常方便，这种优势带来了编程的极简体验，也产生了理解和维护难的副作用。所以在使用 oop 设计时建议用 ts 来代替 js 进行编程。...参考 设计模式 | 菜鸟教程 Linux/Unix 系统设计的九大准则 笔记 《Linux/Unix设计思想》随笔 ——Linux/Unix哲学概述 javascript...设计模式与六大原则 web前端进阶之js设计模式之设计原则篇 Java设计模式-六大原则 js 面向对象七大原则 JavaScript面向对象之七大基本原则实例详解 百度百科-单一职责原则
设计模式概略 + 常用设计模式 包括单例模式、策略模式、代理模式、发布订阅模式、命令模式、组合模式、装饰器模式、适配器模式 # 设计模式概略 ---- # 什么是设计模式 定义：在软件设计过程中...，针对特定问题的简洁而优雅的解决方案 # SOLID 五大设计原则 Single：单一职责原则 一个程序只做好一件事 Open：开放封闭原则 对扩展开放，对修改封闭 Liskov：里氏置换原则 子类能覆盖父类...，并能出现在父类出现的地方 Interface：接口独立原则 保持接口的单一独立 Dependency：依赖导致原则 使用方法只关注接口而不关注具体类的实现 # 为什么需要设计模式 易读性 使用设计模式能够提升代码的可读性...，提升后续开发效率 可扩展性 使用设计模式对代码解耦，能很好地增强代码的易修改性和扩展性 复用性 使用设计模式可以重用已有的解决方案，无需再重复相同工作 可靠性 使用设计模式能够增加系统的健壮性，...使代码编写真正工程化 # 常见设计模式 ---- # 单例模式 定义：唯一 & 全局访问。
这个时候就需要用到设计模式。 在《JavaScript设计模式》一书中，将设计模式分为了三大类，分别是创建型设计模式，结构型设计模式以及行为型设计模式，每一类包含若干共性的设计模式。...这一系列文章中我也不打算涉及所有的设计模式，而是对常用设计模式做一个分析总结。分析的过程是从场景需求引出该模式的优点和功能。 JS常用设计模式解析01-单例模式 JS常用设计模式解析02-策略模式
一、何为设计 设计即按照一种思路或者标准来实现功能 结合《UNIX/LINUX设计哲学》，设计可总结为： 小即是美 让每个程序只做好一件事 快速建立原型 舍弃高效率而取可移植性 采用纯文本来存储数据...设计原则是设计模式的指导理论，它可以帮助我们规避不良的软件设计 SOLID 指代的五个基本原则分别是： 1、S 单一功能原则 一个类只负责一个功能领域中的相应职责 如果功能过于复杂就拆分，每个部分保持独立...2、O 开放封闭原则 对扩展开放，对修改封闭 增加新需求时，扩展新代码，而非修改已有代码 3、L 里式替换原则 子类能覆盖父类 父类能出现的地方子类就能出现 JS 中使用较少（弱类型 & 继承使用较少...） 4、I 接口隔离原则 保持接口的单一独立，避免出现“胖接口” JS 中没有接口（Typescript除外）, 使用较少 5、D 依赖反转原则 面向接口编程，依赖于抽象而不依赖于具体 使用方法只关注接口而不关注具体类的实现...在 JavaScript 设计模式中，主要用到的设计模式基本都围绕“单一功能”和“开放封闭”这两个原则来展开 三、设计模式的核心思想—封装变化 设计模式出现的背景，是软件设计的复杂度日益飙升，软件设计越来越复杂的
首先是自适应的模版，黑的有性格，喜欢简单低调又好看的emlog主题？选这款酷黑自适应CoolBlack主题就行了。 模版介绍就无需了，自行下载安装查看即可...
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
