1 继续关系: BoxDecoration:实现边框.圆角.阴影.形状.渐变.背景图像 ShapeDecoration:实现四个边分别指定颜色和宽度.底部线.矩形边色.圆形边色.体育场(竖向椭圆). 角形(八边角)边色 FlutterLogoDecoration:实现Flutter图片 UnderlineTabindicator:下划线 2 介绍一个背景装饰对象,相当于Android中的shape.xml,定制各种各样的背景(边框.圆角.阴影.形状.渐变.背景图像). 3 BoxDecorati

制作样式在drawable中进行 (cheakbox)在样式中点击变换图片,<selector> <item android:state_checked="true" android:drawable="@drawable/jinyubin"/></selector> button变样式(见下面图片) <shape>corners 边角弧度:radius button也可以用selector<item andro

ShapeDrawable ShapeDrawable用于定义一个基本的几何图像(如,矩形.圆形.线条.......). 定义ShapeDrawable的XML文件的根元素是<shape.../>,该元素可指定如下属性: android:shape=["rectangle"|"oval"|"ling"|"ring"]——指定定义那种类型的几何图形. 实例如下:椭圆.渐变背景的文本框 drawable资源文件==&g

Android设置背景色可以通过在res/drawable里定义一个xml,如下: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <gradient android:startColor="#FFF" android:endColor

Android设置背景色可以通过在res/drawable里定义一个xml,如下: [代码]xml代码: 1 <?xml version="1.0" encoding="utf-8"?> 2 <shape xmlns:android="http://schemas.android.com/apk/res/android"> 3     <gradient 4         android:startColor=&q

shape使用.渐变色.分割线.边框.半透明.半透明阴影效果. 首先简单了解一下shape中常见的属性.(详细介绍参看  api文档 ) 转载请注明:Rflyee_大飞: http://blog.csdn.net/rflyee/article/details/20785495 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.androi

1. 动画介绍 动画对于App来说,非常的重要.很多App,正是因为有了动画,所以才会觉得炫酷.移动端的动画库有非常的多,例如iOS上的Pop.web端的animate.css.Android端的AndroidViewAnimations.跨平台的Lottie等.正是因为有了这些封装好的动画库,我们制作酷炫的效果方便了不少.当然了,这些库都是基于各平台基础的动画API实现的,笔者今天要聊的,也就是基础的动画及背后的原理. 1.1 动画的本质 动画顾名思义,就是动起来的画面.画面为什么会动起来了呢

本文主要介绍了动画的原理相关概念,对其他平台的动画做了一个简要的梳理,并简要的介绍了Flutter动画的一些知识. 1. 动画介绍 动画对于App来说,非常的重要.很多App,正是因为有了动画,所以才会觉得炫酷.移动端的动画库有非常的多,例如iOS上的Pop.web端的animate.css.Android端的AndroidViewAnimations.跨平台的Lottie等.正是因为有了这些封装好的动画库,我们制作酷炫的效果方便了不少.当然了,这些库都是基于各平台基础的动画API实现的,笔者今

一个组件它往往包含了一些常见的painting, positioning和sizing这样的小部件. Container相当于我们常用的div,在Flutter中用的非常多,现在来看看Container容器中的一些属性. 1.alignment 这个属性是针对容器中的child的对其方式.我们先做一个效果:建立一个Container容器,然后让容器里面的文字内容居中对齐. 具体代码如下: import 'package:flutter/material.dart'; void main() =>

  <?xml version="1.0" encoding="utf-8"?> <!-- android:shape=["rectangle" | "oval" | "line" | "ring"] shape的形状,默认为矩形,可以设置为矩形(rectangle).椭圆形(oval).线性形状(line).环形(ring) 下面的属性只有在android:shape

https://www.jianshu.com/p/2ea01ae02ffe Flutter:教你用CustomPaint画一个自定义的CircleProgressBar paint_page.dart import 'package:flutter/material.dart'; import 'package:tetris/paint/paint.dart'; class ProgressBarPage extends StatefulWidget { @override State<Sta

小菜一直对动画不太熟悉,最近学习了一些关于动画的皮毛知识,网上资料很多,小菜按自己的理解整理一下. Animation Animation 可以生成动画过程中的值,生成的值并非单一的 double 也可以是 Size/Color 等:Animation 可以获取状态但无法获取屏幕显示内容. AnimationController AnimationController 小菜理解为 Animation 控制器,实际也是一个特殊的 Animation,在屏幕刷新时会生成一个新的值:使用时需要传递 v

这里渐变色: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <!-- android:startColor="#aa000000" 渐变起始色值 android:centerColor="" 渐变中间色值 and

flutter button button类型: RaisedButton : 凸起的按钮,其实就是Android中的Material Design风格的Button ,继承自MaterialButton FlatButton : 扁平化的按钮,继承自MaterialButton OutlineButton :带边框的按钮,继承自MaterialButton IconButton : 图标按钮,继承自StatelessWidget shape:属性 BeveledRectangleBorder

一,动画介绍 动画对于App来说,非常的重要.很多App,正是因为有了动画,所以才会觉得炫酷.移动端的动画库有非常的多,例如iOS上的Pop.web端的animate.css.Android端的AndroidViewAnimations.跨平台的Lottie等.正是因为有了这些封装好的动画库,我们制作酷炫的效果方便了不少.当然了,这些库都是基于各平台基础的动画API实现的,笔者今天要聊的,也就是基础的动画及背后的原理. 1.1 动画的本质 动画顾名思义,就是动起来的画面.画面为什么会动起来了呢?

Flutter 中渐变有三种: LinearGradient:线性渐变 RadialGradient:放射状渐变 SweepGradient:扇形渐变 看下原图,下面的渐变都是在此图基础上完成. LinearGradient 给一张图片添加从上到下的线性渐变: ShaderMask( shaderCallback: (Rect bounds) { return LinearGradient( begin: Alignment.topCenter, end: Alignment.bottomCen

老孟导读:此篇文章是 Flutter 动画系列文章第五篇,本文介绍2个自定义动画:涟漪和雷达扫描效果. 涟漪 实现涟漪动画效果如下: 此动画通过 CustomPainter 绘制配合 AnimationController 动画控制实现,定义动画控制部分: class WaterRipple extends StatefulWidget { final int count; final Color color; const WaterRipple({Key key, this.count = 3

老孟导读:Windows来了,Mac.Linux.Web还远吗? 本文翻译自https://medium.com/flutter/announcing-flutter-windows-alpha-33982cd0f433 我们的使命是为开发人员提供一个开源,高生产率的框架,以便在任何平台上构建漂亮的本机应用程序.到目前为止,我们已经为Android和iOS提供了正式版本(stable releases),仅Google Play商店就提供了8个稳定版本和100,000多个应用.我们将继续扩大关注

概述 本文介绍了Flutter源码的获取与构建,后面会另有文章介绍Flutter源码的版本管理.开发环境搭建等主题. 准备工作 Flutter源码分为两个部分: flutter/flutter是框架层,为开发者提供各种接口,主要是dart代码. flutter/engine是引擎层,负责Flutter的渲染以及宿主的交互. 相关依赖的安装可参考官方文档:Setting up the Engine development environment · flutter/flutter Wiki.以我的

前言 Color类中颜色以一个int值保存,显示器颜色是由红.绿.蓝三基色组成,每种颜色占8比特,存储结构如下: Bit(位) 颜色 0-7 蓝色 8-15 绿色 16-23 红色 24-31 Alpha(不透明度) Theme组件可以为Material APP定义主题数据(ThemeData).Material组件库里很多组件都使用了主题数据,如导航栏颜色.标题字体.Icon样式等.Theme内会使用InheritedWidget来为其子树共享样式数据. 接口描述 factory ThemeD

前言 Transform可以在其子组件绘制时对其应用一些矩阵变换来实现一些特效. 接口描述 const Transform({ Key key, @required this.transform, this.origin, this.alignment, this.transformHitTests = true, Widget child, }) : assert(transform != null), super(key: key, child: child); 代码示例 // 变换(Tra