|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/mastering-painting-in-flutter/
课程评论：没有评论
Coursera 课程：“Flutter 绘画精通” **课程概述：** 本课程旨在帮助您专业地处理 Flutter 中的图形绘制，从基础图形到复杂的视觉效果。您将学习如何利用 Flutter 的强大绘图能力创造出令人惊叹的视觉界面。 **课程要求：** * 需具备 Dart 语言基础。 * 熟悉 Flutter 的核心 Widget。 * 建议有 Flutter 应用开发经验。 * 本课程适合有一定 Flutter 基础并希望深入学习绘图技术的学习者。 **学习内容：** * **第一模块：Flutter 绘画入门** * Flutter 中的绘画是什么？ * **第二模块：核心绘画概念** * `CustomPaint` 和 `CustomPainter`：绘画的基础。 * 理解 `Canvas` 类。 * 绘制线条、圆形和矩形。 * 绘制文本和图像。 * 探索 `Paint` 对象：颜色、描边宽度和样式。 * 使用混合模式实现高级效果。 * **第三模块：绘制形状和路径** * 使用 `Path` 创建自定义形状。 * 绘制多边形、弧线和曲线：支持二次贝塞尔曲线 (`QuadraticBezierSegment`) 和三次贝塞尔曲线 (`Cubic`)。 * 使用 `ClipRect`, `ClipRRect`, `ClipPath`, 和 `ClipOval` 进行区域裁剪。 * **第四模块：颜色、渐变和阴影** * 使用 `Color` 和 `Opacity` 应用纯色和透明度。 * 添加渐变：线性渐变 (`LinearGradient`)、径向渐变 (`RadialGradient`)、扫描渐变 (`SweepGradient`)。 * 使用 `Shadow` 和 `BoxShadow` 添加阴影效果。 * 使用 `ShaderMask` 自定义着色器效果。 * **第五模块：变换和动画** * 使用 `Transform` 和 `Matrix4` 对画布进行变换。 * 使用 `AnimationController` 和 `Tween` 为绘画效果添加动画。 * 使用 `Ticker` 和 `AnimatedBuilder` 实现实时绘图动画。 * **第六模块：高级技巧** * 使用 `RepaintBoundary` 优化重绘。 * 使用 `TextPainter` 和 `Paragraph` 绘制文本。 * 使用 `paintImage` 和 `ImageShader` 绘制图像。 * 使用 `SceneBuilder` 和 `RenderObject` 进行图层叠加。 * **第七模块：交互式自定义绘画** * 使用 `GestureDetector` 检测手势。 * 构建交互式绘图应用。 * 实现可拖动的形状和自定义 Widget。 * **第八模块：调试和优化** * 使用 `PerformanceOverlay` 衡量绘画性能。 * 使用 `RepaintBoundary` 和其他工具调试绘画问题。 * 优化大型或复杂的自定义绘画。 * **第九模块：真实世界项目** * 项目 1：绘制自定义饼图。 * 项目 2：创建自定义签名板。 * 项目 3：使用渐变绘制响应式仪表盘背景。 * 项目 4：交互式形状绘制应用。 * 项目 5：使用绘画效果为自定义启动屏幕添加动画。 * **第十模块：插件扩展** * 使用 `flutter_svg` 添加可缩放矢量图形 (SVG)。 * 使用第三方库处理着色器。 * 使用 `flutter_particles` 创建粒子效果。
///////////////////////////////////////////// وصف الدورة /////////////////////////////////////////////الدوره سوف تجعلك قادر علي التعامل مع الرسوميات الخاصة الموجوده في الفلاتربشكل احترافي من ابسط الرسوم الي اقوي الرسوم ///////////////////////////////////////////// متطلبات الدورة /////////////////////////////////////////////يجب معرفة مسبقة بلغه الدارت معرفة مسبقة بالويدجت الأساسية في الفلاتر ويفضل انك قمت بعمل بعض التطبيقات الاساسية هذا الكورس ليس مبتدا ولكن بعد المبتدأ///////////////////////////////////////////// what will learn تلك الخطه سوف تعدل في نهايه الكورس /////////////////////////////////////////////Module 1: Introduction to Painting in FlutterWhat is painting in Flutter?Module 2: Core Painting ConceptsCustomPaint and CustomPainter: The foundation of painting.Understanding the Canvas class.Drawing lines, circles, and rectangles.Painting text and images.Exploring the Paint object:Colors, stroke width, and styles.Blend modes for advanced effects.Module 3: Drawing Shapes and PathsUsing Path to create custom shapes.Drawing polygons, arcs, and curves:Bézier curves with QuadraticBezierSegment and Cubic.Clipping areas with ClipRect, ClipRRect, ClipPath, and ClipOval.Module 4: Colors, Gradients, and ShadowsApplying solid colors and transparency with Color and Opacity.Adding gradients:LinearGradientRadialGradientSweepGradientShadows with Shadow and BoxShadow.Custom shader effects with ShaderMask. Module 5: Transformations and AnimationsTransforming your canvas with Transform and Matrix4.Animating painting effects with AnimationController and Tween.Real-time drawing animations using Ticker and AnimatedBuilder.Module 6: Advanced TechniquesUsing RepaintBoundary for optimized repaints.Drawing text with TextPainter and Paragraph.Painting images with paintImage and ImageShader.Layering techniques with SceneBuilder and RenderObject.Module 7: Interactive Custom PaintingDetecting gestures with GestureDetector.Building interactive drawing apps.Implementing draggable shapes and custom widgets.Module 8: Debugging and OptimizingUsing PerformanceOverlay to measure painting performance.Debugging painting issues with RepaintBoundary and other tools.Optimizing large or complex custom paintings.Module 9: Real-World ProjectsProject 1: Drawing a custom pie chart.Project 2: Creating a custom signature pad.Project 3: Painting a responsive dashboard background with gradients.Project 4: Interactive shape drawing app.Project 5: Animating a custom splash screen with painting effects.Module 10: Extending with PluginsAdding scalable vector graphics (SVGs) with flutter_svg.Working with shaders using third-party libraries.Creating particle effects with flutter_particles.//////
