pdate

Author: unknown

README.md

@@ -0,0 +1,19 @@
+# Flutter相关译文
+
+[在 Google I/O 2018 观看 Flutter 的正确姿势 (wzasd 翻译)](https://juejin.im/post/5aebd7166fb9a07ab4587b3f)
+
+[为什么 Flutter 能最好地改变移动开发 (ALVINYEH 翻译)](https://juejin.im/post/5add65c46fb9a07aa541e97e)
+
+[Flutter 到底有多快？我开发了秒表应用来弄清楚。 (ALVINYEH 翻译)](https://juejin.im/post/5ad861566fb9a045ee01b48d)
+
+[为 JavaScript 程序员准备的 Flutter 指南 (lsvih 翻译)](https://juejin.im/post/5ac43c536fb9a028da7cbd59)
+
+[Flutter — 五个你会爱上它的原因 (rockzhai 翻译)](https://juejin.im/post/5a9e7e89f265da2381552542)
+
+[如何在中国使用 Flutter (mysterytony 翻译)](https://juejin.im/post/5a9f730c6fb9a028d2077ad4)
+
+[[译]Flutter for Android Developers - Intents](https://juejin.im/post/5a96cd1f5188257a780de9a0)
+
+[[译]Flutter for Android Developers - Async UI](https://juejin.im/post/5a9a21f8518825558b3d5d35)
+
+[[译]Flutter for Android Developers - Gesture Detection](https://juejin.im/post/5a9c106151882555872300f2)

flutter-learning-doc-resources/Flutter相关译文.md

@@ -0,0 +1,93 @@
+import 'package:flutter/material.dart';
+
+/// LinearGradient 线性渐变封装
+/// 一共有12种组合方式
+/// 用法：在有gradient属性的地方使用:例如：
+/// 首先要导包，import 'FractionalOffsetUtil.dart';
+/// 然后再去使用
+/// gradient: setFractionalOffsets(Type.leftBottomToRightTop, null),
+/// 再例如：
+/// gradient: setFractionalOffsets(Type.leftToRight, Direction.firstDirection),
+
+LinearGradient setFractionalOffsets(
+    @required Type type, @required Direction direction) {
+  LinearGradient linearGradient;
+
+  if (type == Type.leftToRight) {
+    linearGradient =
+        DirectionStyle2(direction, 0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 1.0, 1.0);
+  } else if (type == Type.rightToLeft) {
+    linearGradient =
+        DirectionStyle2(direction, 1.0, 0.0, 0.0, 0.0, 1.0, 1.0, 0.0, 1.0);
+  } else if (type == Type.topToBottom) {
+    linearGradient =
+        DirectionStyle2(direction, 0.0, 0.0, 0.0, 1.0, 1.0, 0.0, 1.0, 1.0);
+  } else if (type == Type.bottomToTop) {
+    linearGradient =
+        DirectionStyle2(direction, 0.0, 1.0, 0.0, 0.0, 1.0, 1.0, 0.0, 0.0);
+  } else if (type == Type.leftTopToRightBottom) {
+    linearGradient = DirectionStyle(0.0, 0.0, 1.0, 1.0);
+  } else if (type == Type.rightBottomToLeftTop) {
+    linearGradient = DirectionStyle(1.0, 1.0, 0.0, 0.0);
+  } else if (type == Type.rightTopToLeftBottom) {
+    linearGradient = DirectionStyle(0.0, 1.0, 1.0, 0.0);
+  } else if (type == Type.leftBottomToRightTop) {
+    linearGradient = DirectionStyle(1.0, 0.0, 0.0, 1.0);
+  }
+  return linearGradient;
+}
+
+LinearGradient DirectionStyle(
+    double startX, double startY, double endX, double endY) {
+  var linearGradient = new LinearGradient(
+    //线性渐变
+    begin: FractionalOffset(startX, startY),
+    end: FractionalOffset(endX, endY),
+    colors: <Color>[Colors.deepOrange, Colors.deepPurple],
+  );
+  return linearGradient;
+}
+
+LinearGradient DirectionStyle2(
+    @required Direction direction,
+    double startX,
+    double startY,
+    double endX,
+    double endY,
+    double startX2,
+    double startY2,
+    double endX2,
+    double endY2) {
+  direction == Direction.firstDirection ? startX = startX : startX2;
+  direction == Direction.firstDirection ? startY = startY : startY2;
+  direction == Direction.firstDirection ? endX = endX : endX2;
+  direction == Direction.firstDirection ? endY = endY : endY2;
+
+  var linearGradient = new LinearGradient(
+    //线性渐变
+    begin: FractionalOffset(startX, startY),
+    end: FractionalOffset(endX, endY),
+    colors: <Color>[Colors.deepOrange, Colors.deepPurple],
+  );
+  return linearGradient;
+}
+
+// 因为从上到下，或者从左到右 都有两种可能。
+// 从上到下 包括： 左上 -> 左下   右上 -> 右下
+// 从左到右 包括： 左上 -> 右上   左下 -> 右下
+enum Direction {
+  firstDirection,//如果是从上到下： 左上 -> 左下，如果是从左到右：左上 -> 右上
+  lastPointDirection,// 如果是从上到下： 右上 -> 右下，如果是从左到右：左下 -> 右下
+}
+
+enum Type {
+  //8个方向
+  leftToRight, //→
+  rightToLeft, //←
+  topToBottom, //↓
+  bottomToTop, //↑
+  leftTopToRightBottom, //↘
+  rightBottomToLeftTop, //↖
+  rightTopToLeftBottom, //↙
+  leftBottomToRightTop, //↗
+}