分类:编程 相关文章

Flutter入门: Image 详解

当前版本 Flutter 3.19.5 前言 Image 是 Flutter 中用于显示图像的组件。它支持多种图像来源,包括网络图像、资源图像、文件系统图像以及内存图像。Image 组件提供了多种构造函数,如 Image.network、Image.asset、Image.file 和 Image.memory,以便于从不同的来源加载图像。它还支持多种图像调整选项,如缩放、裁剪、对齐和颜色滤镜,使开发者可以灵活地在应用中展示图像内容。 Image API 构造函数 Image 实现 const Image( { Key? key, required ImageProvider<Objec……

继续阅读»»»

◷2024/06/16   @老猿𝕏𝕏   ▤编程   ⚑

sh 和 bash 在语法上的区别及gitlab ci配置

sh 和 bash 是两种不同的 Unix Shells,尽管它们有许多相似之处,但在语法和功能上存在一些重要差异。以下是一些关键区别: 1. 数组 bash 支持数组,而 sh 不支持: # 在 bash 中定义和使用数组 array=("value1" "value2" "value3") echo "${array[0]}" # 输出 value1 echo "${array[@]}" # 输出所有元素 在 sh 中不能直接使用数组。 2. 算术运算 bash 支持内置的算术运算: # 在……

继续阅读»»»

◷2024/07/3   @老猿𝕏𝕏   ▤编程   ⚑

Flutter入门: BoxDecoration 详解

当前版本 Flutter 3.19.5 `BoxDecoration` 是 Flutter 中用于装饰 `Container` 部件的一个类。它允许你设置背景颜色、背景图像、边框、阴影和渐变色等属性,以自定义容器的外观。 BoxDecoration API 属性 backgroundBlendMode 背景混合模式,用于与背景图像结合的效果,如果没有提供颜色或渐变,则混合模式没有效果。 Container( decoration: const BoxDecoration( backgroundBlendMode: BlendMode.lighten, color: Colors.blue, b……

继续阅读»»»

◷2024/06/25   @老猿𝕏𝕏   ▤编程   ⚑

Flutter入门: Container 详解

当前版本 Flutter 3.19.5 Container API 属性 alignment 容器内容相对于父容器的对齐方式,如果非空,容器将扩展以填充其父容器 Container( color: Colors.grey.shade300, height: 300, alignment: Alignment.topLeft, child: Container( color: Colors.green, width: 50, height: 50, ), ), child 容器内容 clipBehavior 容器内容裁剪方式,默认值为 Clip.none Container( height: 3……

继续阅读»»»

◷2024/06/24   @老猿𝕏𝕏   ▤编程   ⚑

Flutter入门: GestureDetector 详解

当前版本 Flutter 3.19.5 GestureDetector API 属性 child GestureDetector( onTap: () { print(“Tap”); }, child: Container( color: Colors.green, width: 50, height: 50, ), ) behavior 指定如何处理命中测试(hit testing),确定小部件的响应区域。 如果child不为 null, 则默认为 HitTestBehavior.deferToChild,如果 child 为 null,则默认为 HitTestBehavior.transl……

继续阅读»»»

◷2024/06/23   @老猿𝕏𝕏   ▤编程   ⚑

Flutter入门: Draggable 详解

当前版本 Flutter 3.19.5 Draggable API 构造函数 实现 const Draggable<T extends Object?>( { Key? key, required Widget child, required Widget feedback, T? data, Axis? axis, Widget? childWhenDragging, Offset feedbackOffset = Offset.zero, DragAnchorStrategy dragAnchorStrategy = childDragAnchorStrategy, Axis?……

继续阅读»»»

◷2024/06/20   @老猿𝕏𝕏   ▤编程   ⚑

Flutter Package:图片处理库 Image

image 是一个用于加载、保存和操作各种图像文件格式的Flutter图像库,写作本文时的版本为:4.2.0,下面我们演示每个功能的使用,API的解释采用的机翻,具体的 API 文档点击这里查看。 支持的格式 # 读/写 JPEG / PNG + 动画 APNG / GIF + 动画 GIF / TIFF / BMP / TGA / ICO / PVRTC # 只读 WebP + 动画 WebP / Photoshop PSD / OpenEXR /PNM (PBM, PGM, PPM) / PNM(PBM、PGM、PPM) # 只写 CUR 加载图像 decodeBmp: 解码 BMP 格式……

继续阅读»»»

◷2024/06/3   @老猿𝕏𝕏   ▤编程   ⚑

Flutter入门: MaterialApp详解

当前版本 Flutter 3.19.5 前言 当谈论Flutter应用程序时,MaterialApp是不可或缺的一个部分。它是构建Flutter应用程序的基础,可以理解为整个应用程序的“外壳”。MaterialApp提供了许多配置选项,用于定义应用程序的整体外观和行为。它可以决定应用程序的标题、主题颜色、初始页面、路由导航等方面。 简单来说,MaterialApp就像是一个包含了所有必要元素的“容器”,帮助我们构建一个漂亮、流畅的Flutter应用程序。它遵循Material Design规范,为我们提供了一套统一的设计风格和用户体验,使得我们的应用程序看起来更加现代化和专业化。 以下是一个基……

继续阅读»»»

◷2024/04/15   @老猿𝕏𝕏   ▤编程   ⚑

Flutter入门: Scaffold 详解

当前版本 Flutter 3.19.5 前言 Scaffold 用于构建应用程序的基本布局结构。它提供了一个标准的应用程序布局,包括顶部的应用栏、底部的导航栏、抽屉菜单等,以及中间可变化的主体内容区域。 Scaffold API 属性 属性一览 appBar: 页面上方导航条 backgroundColor: 背景色 body: 页面容器 bottomNavigationBar: 底部导航条 bottomSheet: 一个持久停留在body下方,底部控件上方的控件 drawer: 左侧侧边栏 drawerDragStartBehavior: 控制侧边栏的一些特性 drawerEdgeDragW……

继续阅读»»»

◷2024/04/26   @老猿𝕏𝕏   ▤编程   ⚑