- 博客(40)
- 收藏
- 关注
RSS订阅原创 Flutter杂学: iOS 上启用自动填充和关联域
通过上述步骤和代码配置，您可以在 iOS 上启用自动填充和关联域功能。请确保所有步骤都正确完成，并在发布前进行充分测试。这样不仅可以提升用户体验，还可以确保应用的稳定性和安全性。如果有任何问题或需要进一步的帮助，请随时询问。
2024-10-25 17:33:47
1144
1
原创 Flutter 进阶：根据IP地址判断用户国家/地区
这两种方法能够帮助开发者在国际化应用中判断用户的网络位置，进而优化服务、展示适合的内容，确保合规性。根据应用的具体需求，可以选择适合的方法进行实现。
2024-10-08 15:30:00
879
原创 Flutter 进阶：实现雪花下落动画效果
通过以上步骤，你成功创建了一个逼真的 Flutter 雪花下落动画。在这篇文章中，我们将探讨如何使用 Flutter 创建一个逼真的雪花下落动画。通过这个示例，你将学会如何使用自定义绘制、动画控制器以及状态管理来实现复杂的动画效果。接下来，我们创建 SnowFallAnimation 小部件，它包含一个动画控制器来更新雪花的位置，并调用 CustomPaint 来绘制雪花。最后，在 main.dart 文件中，创建一个简单的应用程序入口点，将 SnowFallAnimation 小部件作为主页显示。
2024-09-26 13:00:00
1828
原创 Flutter 进阶：创建动态水波纹进度动画
animationValue 用于控制水波纹的动态效果，progress 表示当前的进度值，waveHeight 用于指定水波的高度。在这里，我们定义了初始进度 progress 为 0.25，并提供了一个方法 _increaseProgress 来增加进度。通过正弦函数计算水波的位置，并使用 LinearGradient 创建线性渐变效果，以增强水波纹的美观。在这里，我们绘制了一个稍微偏移的透明边框圆，增加视觉层次感。这里我们定义并绘制了两个小圆弧，增加了进度环的装饰效果。
2024-09-16 13:00:00
1085
原创 Flutter 进阶：绘制加载动画
LoadingScreen 类是一个 StatefulWidget，它管理 AnimationController 和 Animation 对象。AnimationController 用于控制动画的播放，Animation 对象则表示动画的具体值。@override以上代码定义了 MyApp 和 LoadingScreen 两个类，其中 MyApp 是应用的入口点，而 LoadingScreen 则是主要的动画屏幕。
2024-09-08 15:30:00
1777
原创 Flutter 初识：Chip控件
InputChip 是 Flutter 中的一个小部件，用于显示可交互的紧凑信息。ActionChip 是 Flutter 中的一种 Chip，用于表示一个可以触发操作的选项。ChoiceChip 是 Flutter 中的一种 Chip，用于从一组选项中进行单选。Chip 是 Flutter 中用于显示紧凑信息的小部件，通常包含一个标签和可选的图标或删除按钮，并且可以用作交互式元素。FilterChip 是 Flutter 中的一种 Chip，用于表示一个可以选择或取消选择的选项，通常用于筛选内容。
2024-09-01 13:30:00
1175
原创 Flutter 初识：动画与过渡
CustomPaint 是一个 Flutter widget，用于在其子 widget 上下方绘制自定义图形。通过提供自定义的 painter 和 foregroundPainter，你可以实现复杂的绘图逻辑。TweenAnimationBuilder 是一个 Flutter widget，用于在给定时间内根据 Tween 对象逐渐更改其子 widget 的属性。它允许你指定动画的持续时间、曲线以及自定义的构建器，以实现更加灵活的动画效果。
2024-08-26 15:30:00
1160
原创 Flutter 初识：手势和交互控件
Draggable 是一个 Flutter widget，它使其子 widget 可拖动，并在拖动期间显示反馈。DragTarget 是一个 Flutter widget，用于接受拖动数据，并在放置拖动对象时触发相应的回调。Checkbox 是一个用于表示二选一选择的 Flutter widget，通常用于表单或设置列表。Radio 是一个用于选择其中一个选项的 Flutter widget，通常用于实现单选按钮组。Slider 是一个 Flutter widget，用于允许用户通过滑动来选择值。
2024-08-20 15:30:00
2011
原创 Flutter 初识：数据显示控件
Stepper 是 Flutter 中用于显示多步骤流程的小部件，通常用于需要分阶段完成的任务。它可以显示确定或不确定的进度状态。Tooltip 是 Flutter 中用于显示工具提示的小部件，当用户长按或悬停在某个元素上时会出现一个带有说明信息的弹出框。Chip 是 Flutter 中用于显示信息的紧凑元素，它通常包含一个标签和可选的图标、删除按钮等，并且可以用作交互式元素。Badge 是 Flutter 中用于显示额外信息的小部件，通常出现在图标或按钮的角落，以提示用户某些状态或通知。
2024-08-08 15:30:00
1118
原创 Flutter 初识：数据表格和卡片
DataCell 是 Flutter 中用于定义 DataRow 中单元格的小部件。TableCell 是 Flutter 中用于定义 TableRow 中单元格的小部件。Table 是 Flutter 中用于显示表格布局的小部件。TableRow 是 Flutter 中用于定义 Table 的行的小部件。DataTable 是 Flutter 中用于展示数据表格的小部件，通常用于显示大量结构化的数据。Card 是 Flutter 中用于创建卡片样式小部件的容器，它通常用于在应用中展示信息块。
2024-08-01 15:30:00
2075
原创 Flutter 初识：高级控件
ClipPath 是 Flutter 中用于根据自定义路径裁剪子组件的小部件。它允许你创建任意形状的裁剪效果，通过提供一个自定义的 CustomClipper来定义裁剪路径。
2024-07-26 15:30:00
1732
原创 Flutter 初识： Material Design 布局和结构控件
它提供了一个默认的页面框架，包括应用栏、抽屉、浮动操作按钮和底部导航栏等元素。BottomNavigationBar 是 Flutter 中用于实现底部导航栏的小部件，通常用于在应用程序的不同页面之间进行导航。MaterialApp 是 Flutter 中的主要应用小部件，提供了一个 Material Design 风格的应用框架。TabBar 是 Flutter 中用于实现选项卡导航的小部件，它通常与 TabBarView 一起使用，以在应用程序中创建标签页布局。
2024-07-18 15:30:00
1697
原创 Flutter 初识：导航控件
CupertinoPageRoute 是一个iOS风格的页面路由，用于在iOS平台上提供一致的导航体验。它同样继承自PageRoute，并实现了TransitionRoute用于处理页面切换时的过渡动画。MaterialPageRoute 是一个材料设计风格的页面路由，用于在安卓平台上提供一致的导航体验。Navigator 用于管理应用程序的路由，通过堆栈结构来实现页面的进出。它支持页面的推入（push）和弹出（pop）操作，允许在应用中进行复杂的导航模式。尝试从导航堆栈中弹出当前页面。
2024-07-13 16:57:23
1235
1
原创 Flutter 初识：图像与媒体控件
常见的 ImageProvider 子类包括 AssetImage、NetworkImage 和 FileImage，分别用于加载本地资源图片、网络图片和文件系统中的图片。FadeInImage 是 Flutter 框架中一个非常有用的小部件，用于在加载网络图像或资源图像时显示占位符，并带有淡入淡出的动画效果。它是常见的用于提升用户体验的方式。请注意，在 _loadImageBytes 函数中，我们使用了示例性的数据加载逻辑，实际应用中应替换为真实的图像加载逻辑，例如通过 HTTP 请求获取图像字节数据。
2024-07-06 15:30:00
886
1
原创 Flutter 初识：列表和滚动控件
ListView.custom 是 Flutter 中一个高度可定制的列表视图构造函数，可以使用自定义的 SliverChildDelegate 来控制子项的生成和管理。NestedScrollView 是 Flutter 中一个用于嵌套滚动的控件，通常用于实现带有固定或浮动头部的复杂滚动布局。ListView 是一个 Flutter 中的控件，用于显示可滚动的列表。这个示例展示了如何使用 NestedScrollView 来构建一个具有复杂滚动布局的视图，其中包括一个浮动的头部和一个可以滚动的主体部分。
2024-07-01 15:30:00
1737
原创 Flutter 初识：容器控件
BackdropFilter 是 Flutter 中的一个控件，用于在其子控件后面应用图像滤镜效果，如模糊、颜色滤镜等。LayoutBuilder 是一个 Flutter 中的控件，用于构建一个子树，该子树可以基于父控件提供的布局约束来动态地调整其尺寸和布局。通过 LayoutBuilder 控件，可以根据父控件的布局约束来动态调整子控件的尺寸和位置，从而实现自适应布局。通过 OverflowBox 控件，可以灵活地处理子控件的布局，使其能够在超出父控件约束的情况下进行绘制。
2024-06-26 15:30:00
1220
原创 Flutter 初识：布局控件
FractionallySizedBox 是 Flutter 中的一个控件，用于按照一定比例调整其子控件的大小。它允许你设置子控件相对于父控件的宽度和高度的比例。SizedBox 是 Flutter 中的一个常用控件，用于创建固定尺寸的空白区域或限制子控件的尺寸。Center 是 Flutter 中的一个常用控件，用于将其子控件放置在父容器的中心。Align 是 Flutter 中的一个常用控件，用于将其子控件对齐到指定的位置。Stack 是 Flutter 中的一个常用控件，用于将其子控件堆叠在一起。
2024-06-18 15:30:00
1195
原创 Flutter 初识：按钮控件
如果内置的按钮不能满足需求，你也可以通过组合不同的小部件来自定义按钮。例如，使用 GestureDetector 来实现自定义按钮行为。
2024-06-12 15:30:00
2285
原创 Flutter 初识：输入文本控件
TextField: 独立的文本输入框，适合简单的输入场景，没有内置的验证功能。TextFormField: 基于 TextField 的扩展，集成了表单验证功能，适合复杂的表单场景，需要在 Form 中使用。CupertinoTextField: iOS 风格的文本输入框。AutofillGroup: 允许多个文本输入字段共享自动填充上下文。EditableText: 更底层的文本输入组件，提供高度可定制性。
2024-06-06 20:04:54
1511
原创 Flutter 初识：文本控件
简单文本: 使用 Text。富文本: 使用 RichText 或 Text.rich。可选择文本: 使用 SelectableText。iOS 风格文本: 使用 DefaultTextStyle 配合 Cupertino 风格。如果你只需要显示文本，大多数情况下 Text 已经能够满足需求，而对于更复杂的样式和功能，你可以选择 RichText、SelectableText 等控件。
2024-06-02 15:30:00
1507
原创 Flutter 全评适配SystemUiMode
immersive：在这个模式下，应用程序以全屏显示，状态栏和导航栏可以通过在屏幕边缘滑动手势来显示。对于在iOS上运行的应用程序，状态栏和主页指示器会被隐藏，以获得类似的全屏体验。从屏幕边缘滑动手势会显示覆盖层。immersiveSticky：在这个模式下，应用程序以全屏显示，状态栏和导航栏可以通过在屏幕边缘滑动手势来显示。对于在iOS上运行的应用程序，状态栏和主页指示器会被隐藏，以获得类似的全屏体验。leanBack：在这个模式下，应用程序以全屏显示，状态栏和导航栏可以通过轻触屏幕的任何位置来显示。
2023-10-30 17:15:32
1611
原创 Flutter SingleChildScrollView组件
SingleChildScrollView 是一个用于包裹单个子组件并支持滚动的 Flutter 小部件
2023-09-13 18:49:20
855
原创 Flutter GetX页面跳转动画与属性
fade: 页面渐变动画，新页面会从透明度为 0 的状态渐变到完全显示。fadeIn: 渐入动画，新页面会从透明度为 0 的状态渐变到完全显示。rightToLeft: 从右向左滑动动画，新页面从屏幕右侧滑入显示。leftToRight: 从左向右滑动动画，新页面从屏幕左侧滑入显示。upToDown: 从上到下滑动动画，新页面从屏幕顶部滑入显示。downToUp: 从下到上滑动动画，新页面从屏幕底部滑入显示。topLevel: 顶层动画，新页面从顶部覆盖到当前页面。native: 原生平台的切换动画。
2023-07-27 18:48:50
3771
原创 UITableView的使用方法
1. 首先是先创建UITableView/*UITableViewStylePlainUITableViewStyleGrouped 分组*/self.tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 64, [UIScreen mainScreen].bounds.size.width, [UIS
2022-11-15 10:15:29
539
原创 UITableViewCell右边的打勾情况
有时候需要显示cell的时候，第一个右边就是打勾的状态，所以自己尝试的写了一个，仅供大家参考；共同学习，交流。- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{ UITableViewCell *cell = [tableView
2016-08-19 16:23:57
1380
原创 UITableViewCell右边只有一个打勾
在UITableViewCell上实现一个选中打勾的小功能，以前查了一些资料，但是都不太理想。于是自己写了一个，代码很短，仅供参考。刚开始cell是默认都没有被选中的- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{ UITableViewCe
2016-08-19 15:52:58
536
Flutter 的雪花下落动画效果
2024-08-15
flutter实现唯美的小心心雪花动画效果
2024-08-15
Flutter 绘制加载动画
2024-08-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人