- 博客(45)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Flutter-自定义画板
详情见 github.com/yixiaolunhui/flutter_xy。定义画板类DrawingBoard。定义工厂类 factory。实现线、圆、矩形绘制。
2024-04-24 12:22:45
196
原创 Flutter仿Boss-6.底部tab切换
心想难道有缓存，想当然就给Image定义了key，每次点击按钮给Image设置不同的key，运行发现还是不行，到这一步只好谷歌大法了，看到了很多人遇到这个问题，但是没有给出解决的答案，看来只能源码大法了。然后发现Image中有内存缓存ImageCache，翻看了源码后发现了解决方案，因为这里我不需要内存缓存，而且这个缓存与Image中的bundle有关系，只要每次创建Image设置不同的bundle就OK了，所以我就把代码尝试修改了下。问题：Flutter加载webp再次加载无法再次播放动画问题。
2024-04-09 22:22:23
526
原创 Flutter仿Boss-5.Lottie实现的Tab切换
详情：github.com/yixiaolunhui/flutter_project。根据自己项目适配的Flutter版本引入对应的Lottie版本。
2024-04-05 21:30:11
420
原创 Flutter仿Boss-4.短信验证码界面
进行状态管理和简单的UI布局，用户可以轻松地输入和验证他们的验证码。这个界面是任何需要通过短信进行用户身份验证的移动应用的重要部分。您可以进一步增强这个界面，例如添加错误处理、UI动画，或者与后端服务集成进行实际的短信验证。在移动应用开发中，处理短信验证码是确保用户身份验证和安全性的重要步骤。本文将介绍如何使用Flutter构建一个短信验证码界面，让用户输入通过短信发送到他们手机的四位验证码。它管理状态、控制验证码过期的计时器，并处理验证码验证。是用户与验证码界面进行交互的UI组件。
2024-04-04 23:08:54
604
原创 Flutter-发布插件到pub上传不上问题
问题1解决后，进入验证身份，点击终端显示的链接，跳转到google验证，记得这里要科学上网，点击确定认证后，发现一直卡在下图。复制上面的指令在android studio终端terminal中执行。然后再重新执行发布命令。然后把下面命令端口号换成你的端口号，我这里是7890。根据粘贴出来的知道代理端口号为：7890。
2024-04-03 21:17:00
432
原创 Flutter仿Boss-3.登录页
在Flutter应用程序中创建登录页面对于用户认证和参与至关重要。登录页面作为用户访问应用程序功能的入口。它应该提供无缝的体验，同时确保安全和隐私。这里仿Boss应用设计的登录页面，我们将创建一个登录页面，允许用户使用手机号码登录或注册。
2024-04-02 15:18:37
515
原创 Android仿高德首页三段式滑动
最近发现很多app都使用了三段式滑动，比如说高德的首页和某宝等物流信息都是使用的三段式滑动方式，谷歌其实给了我们很好的2段式滑动，就是BottomSheet，所以这次我也是在这个原理基础上做了一个小小的修改来实现我们今天想要的效果。
2024-04-01 14:30:17
685
原创 Flutter仿Boss-2.启动页、引导页
中，我们展示了一个PageView来滑动展示多个引导页内容。在底部我们放置了两个按钮，分别用于“我要招人”和“我要应聘”，点击按钮后跳转到首页。在移动应用开发中，启动页和引导页是用户初次接触应用时的重要组成部分，能够提升用户体验和导航用户了解应用功能。通过以上的实现，我们完成了Flutter仿Boss应用的启动页和引导页功能，帮助用户更好地了解应用，并提供了快速导航到首页的功能。在逻辑部分，我们设置了一个计时器，3秒后自动跳转到首页/登录页。引导页用于向用户介绍应用的功能和特点，帮助用户快速上手。
2024-04-01 13:25:28
546
原创 Flutter仿Boss-1.启动黑白屏问题
在使用Flutter开发App应用时，运行在Android手机启动时可能会遇到应用显示黑白屏的问题。这个问题做过Android开发的人员都知道，在Android12版本兼容中新增改用SplashScreen API定制系统启动画面，但是本文将介绍如何通过调整启动样式配置解决这个问题。请注意，这里的配置文件决定了启动时的主题样式，包括背景颜色和图标等。中正确引用，我们可以让应用在启动时呈现出预期的样式，提升用户体验。指定了启动屏幕的背景，确保其引用了我们之前配置的。属性，确保启动时使用了我们修改后的样式。
2024-04-01 12:25:41
550
原创 Flutter环境搭建及版本管理
Flutter已成为移动应用开发的主流选择，其跨平台优势日益凸显，使学习Flutter成为现代开发者的必备技能。越来越多的公司和团队选择Flutter构建应用，这为开发者提供了更广阔的就业机会和职业发展空间。Flutter的热度源自其强大的特性和生态系统支持，包括快速的开发周期、高性能的渲染引擎、丰富的UI组件和易学的Dart编程语言。此外，Flutter不仅适用于移动应用开发，还可用于桌面和Web应用，为开发者提供了更多创作空间和机会。
2024-03-29 16:52:55
1036
原创 Flutter-实现扫描线移动效果
通过本文的介绍，您学会了如何在Flutter中创建一个扫描线移动效果的控件。通过使用动画控制器和动画构建器，我们可以轻松地实现各种动画效果，为应用程序增添动感和生机。
2024-03-19 14:47:01
587
原创 Android仿高德首页三段式滑动
最近发现很多app都使用了三段式滑动，比如说高德的首页和某宝等物流信息都是使用的三段式滑动方式，谷歌其实给了我们很好的2段式滑动，就是BottomSheet，所以这次我也是在这个原理基础上做了一个小小的修改来实现我们今天想要的效果。我们实现的效果和高德差距不是很大，也很顺滑。具体实现其实就是集成CoordinatorLayout.Behavior。对于按钮滑动及通明度渐变隐藏显示也是通过实现behavior，因为比较的简单直接上代码。好了，话不多说，一笑轮回~~~~~
2024-03-18 09:24:41
452
原创 Android仿智联详情
根据上面的分析，主要的功能其实就是这个“在招职位”布局的收起和展开，默认收起，然后手势控制展开。很久没有发文章了，这一年多一直在卷。代码其实还是比较少的，其实主要是通过监听拖动来设置“在招职位”布局距离左边的margin值就可以了，希望能对新入手的同学有点帮助，我也算复习了下。3、“在招职位”布局支持手势拖动，向上时布局距离屏幕左边越来越近（最终距离屏幕左边距离为0），向下时布局距离越来越远（最终是屏幕的宽度的一半）。1、刚进入界面时，“在招职位”布局在底部露头，并距离屏幕左边一半屏幕宽度的距离。
2024-03-18 09:23:32
229
2
原创 Flutter-自定义表情雨下落动画
gpt第一次回答你的代码其实已经告诉你实现思路了，比如上面的代码，通过gpt的回答我们知道可以使用Stack控件，然后在Stack中添加我们想要的数量的表情widget，然后通过AnimatedBuilder+Positioned实现表情下落的效果。下面是我修改后的完整代码。我们如何去问gpt,才能让gpt给出我们想要的结果呢？但是现在我们不是单纯的搜关键字了，而是用自己的语言把效果用话语表达出来，让gpt知道到底怎么写代码，总结来说你就是产品，gpt是开发人员，你要把产品需求告诉gpt去开发。
2024-03-18 09:21:24
549
原创 Flutter-底部弹出框（Widget层级）
想到这里我们其实会想到一个控件DraggableScrollableSheet，Flutter提供一种可以支持在widget中引入的底部弹出布局，同时不影响其他的操作，所以我就使用这个控件测试了下，发现一个问题，就是当底部弹出框内容为上面有个头部，底部是个列表时，每次都需要列表滑动到顶部的时候才可以手势滑动关闭，所以需要支持触摸顶部布局也支持手势滑动关闭，所以在此控件上做一个修改。完整代码见：https://github.com/yixiaolunhui/flutter_xy。
2024-03-18 09:20:44
860
1
原创 Flutter-仿腾讯视频Banner效果
没有听错，发毕业证的当天上午刚讨论完需求，中午吃完饭，正常去公司前面的小公园溜达，没想到，从天而降的暗器打到我的手臂上，我下意识一跺脚，发出一声”我靠“。这两天看不下去八股文，就想先休息几天追追剧，打开腾讯视频看看动漫，发现腾讯视频的顶部banner效果满新颖的，处于个人爱好，就简单实现了下这个效果，不过我在此基础上加了一些修改。好了就这样吧，如有发现bug，自己慢慢修改下就行了，毕竟没有项目使用过，懒得写结尾了，我去追剧了。因为没多少代码，比较的简单，几分钟搞定，也懒得写实现原理了，直接一把嗦上代码。
2024-03-18 09:19:51
568
原创 Flutter如何正确使用图片资源
但是没有解决问题2，如果开发人员勿删还在使用的图片资源时，编译是不会报错的，运行也是没有问题的，只有到使用此图片资源的界面才会发现错误，导致bug出现。如果自己不擅长写脚本可以通过chatgpt来实现，很简单的，只要把自己的需求告诉他就可以了。我们可以参考android资源的使用方式，在Android中使用资源文件都是 R.id.xxxx来引用的，那么我们是否也可以让Flutter也类似这么使用呢？如果删除了图片，更新脚本后，原来使用的地方会编译报错，这样开发人员就知道了，避免了bug产生。
2024-03-18 09:19:17
456
原创 Flutter-数字切换动画
具体见github：github.com/yixiaolunhui/flutter_xy。主要采用AnimatedSwitcher实现需求，代码比较简单，直接撸。
2024-03-18 09:18:33
479
原创 Flutter路由跳转参数处理小技巧
settings.arguments获取数据，那么我们直接在 initState方法中直接通过 ModalRoute.of(context)?我们在开发应用中，经常会出现一个界面跳转到另外一个界面并带有参数传递，在Android中大家都知道使用Intent传递参数，在第二个Activity中onCreate中可以获取到这个参数。那么在Flutter中，我们经常会使用路由跳转到另外一个界面，那么如果这个时候需要传参。我们有的时候需要在initState方法中获取数据并处理一些事情，我们应该怎么做呢？
2024-03-18 09:17:30
317
原创 Flutter生命周期方法小技巧
我们在使用Flutter开发界面时，很多时候是需要在当前界面切换到后台，或者说当前界面跳转到第二个页面时，需要处理一些事宜，比如说音乐暂停，视频暂停等等。所以我们需要自己搞一下，搞一下这2个方法出来，只要在这2个方法中处理便可以满足上面的需求。onStart和onStop 这里就不做添加了，以上4个方法便可以完成需求。场景2：A界面点击按钮跳转到B界面。场景3：B界面点击返回到A界面。场景5：A界面后台切换到前台。创建2个widget界面。场景4：A界面切换到后台。场景6：A界面弹出对话框。
2024-03-18 09:14:29
411
原创 Flutter-自定义图片3D画廊
详情github : github.com/yixiaolunhui/flutter_xy。具体代码大概300行。
2024-03-18 09:12:00
382
原创 Flutter-分段滑块
简述首先说下非常抱歉，因为个人问题，已有一个多月没有更新了，上周五有个小姐姐问我一个分段滑块的效果，这里就简单写下一个小样作为一个记录。效果图分析其实自带的Slider基本能满足我们的需求，但是这个小姐姐的需要是后台会返回一个数组段比如说[0,10,30,60,100,150],这个滑块只能滑动到数组段中的值，其实这个简单的方式就是直接在slider滑动的时候，判断当前value距离数组段中那个值最接近，然后直接设置slider的值为这个值就可以了。代码实现 ///在数组段中找到当前
2022-12-10 19:10:03
566
1
原创 Flutter-自定义短信验证码
效果图（Flutter版本）简介前几天我发布了一个Android版本的短信验证码，今天发布Flutter版本，其实实现思路和原生版本是一模一样，可以说是直接把原生的绘制代码复制粘贴到Flutter项目中，kt修改为dart,实现样式还是下面四种：表格类型方块类型横线类型圈圈类型所以这里就不在阐述实现思路了，你也可以直接查看Android版本，点击Android-自定义短信验证码这里直接上全部代码，一把梭~代码import 'package:flutter/material.d
2022-09-15 20:07:56
1614
原创 Android-短信验证码
效果图简介基本上只要需要登录的APP，都会有验证码输入，所以说是比较常用的控件，而且花样也是很多的，这里列出来4种样式，分别是：表格类型方块类型横线类型圈圈类型其实还有很多其他的样式，但是这四种是我遇到最多的样式，所以特地拿来实现下，网上有很多类似的轮子，实现方式也是蛮多的，比如说：组合控件（线性布局添加子View)自定义ViewGrop自定义View...自己看了些网络上实现的方案，参考了一些比较好的方式，这里先来分析下这个控件有哪些功能，再决定实现方案。功能分析1、默认状态样式展
2022-09-14 15:17:39
1548
原创 Flutter-自定义量角器
效果图今天周末，收拾东西的时候，发现了一个尺子，我们叫它量角器，我记得上学的时候，借给一个女同学这样的量角器，到现在还没有还我，啥意思吗？还还我不？看来是没戏了，同学吗？那么小气干嘛？不如自己画一个？毕竟我是最会编程的电工吗！在自定义量角器之前，我先说下，小样就是小样，本着实现效果为目的，当然可能会有更好或者更优的方式，就像做数学题目一样，答案只有一个，但是解答思路有很多种，当然有好的建议和方式下面留言哦！废话不多说，走起！观察量角器拿起桌子上的量角器，看了看，想了想，欸？我还是不记得借我
2022-09-04 17:31:15
1445
原创 Android-自定义流布局标签
效果效果分析标签支持居左，居右，居中显示标签支持设置最大显示行数支持展开，折叠分析思路流布局标签，在日常应用中使用特别的广，使用场景及使用花样也很多，这里简单介绍其中的几点。功能1： 标签展示的方式：左 中 右 三种功能2： 标签支持折叠和展开，以及折叠时行数的控制当我们需要做一种效果，或者需要自定义View的时候，本着 "不重复造轮子" 的方式来进行实现像这种流布局最初大部分都是自定义ViewGrop来实现，自从google的flexbox发布，基本上都是用这个库来实现流布局效果。那
2022-08-28 19:05:59
1262
原创 Flutter-自定义之钟表
效果图绘制控件（四大角色）CustomPaintCustomPainterCanvasPaintCustomPaint英文翻译：自定义绘制；CustomPaint可以实现很多酷炫的动画和效果。CustomPaint 提供了让用户自定义widget的能力，它暴露了一个canvas，可以通过这个canvas来绘制widget，CustomPaint会先调用painter绘制背景，然后再绘制child，最后调用foregroundPainter来绘制前景，CustomPaint的定义如下Custom
2022-08-28 19:05:21
966
原创 Flutter-自定义尺子
效果图案例分析1.效果功能分析滑动选择刻度尺支持中间选择刻度值支持设置最大最小值支持设置默认值支持设置大刻度的子刻度数支持设置步长支持设置刻度尺、数字的颜色及大小支持滑动选中回调支持刻度尺回弹效果2.功能拆解自定义Widget（继承StatefulWidget）。使用ListView实现水平滑动效果（3个子Widget，左右为空白，中间为刻度尺）。绘制刻度尺Widget（刻度线、刻度值）。监听滑动获取中间值并回调。手指抬起滑动停止粘性回弹。3.功能参数默认值最小值最大值步长刻度尺的宽高
2022-08-28 19:04:42
2
原创 Android流布局实现筛选界面
说起流布局，几乎每个应用都会使用到，比如一些场景：标签、搜索历史、筛选等等，用的地方还是蛮多的，那么一般我们实现流布局的方法有哪些呢？一般常见的有以下几种方法。1、自定义ViewGrop2、使用google出的FlexboxLayout；github入口3、RecyclerView使用RecyclerView实现流布局是一般使用FlexboxLayoutManager来配合使用来实现。当然还有其他一些使用方式，每种方法只要能实现我们的需求都是可以的，这里先看下我们需要实现的效果！从.
2020-07-18 17:54:04
1331
原创 仿Boss直聘我的界面滑动效果
好久没有写博客了，最近在找工作，我在使用boss投简历的时候，看到boss的我的界面蛮有意思的，就想如何去实现它，可能是职业病吧，所以就打算仿一下。先看下仿的效果。其实我们拿到这个效果的时候，看到滑动，折叠等效果就应该想到了Material design，那么我们现在就可以基本的布局下。activity_main.xml布局<?xml version="1.0" encoding="utf-8"?><androidx.coordinatorlayout....
2020-06-30 21:28:12
1737
1
原创 NestedScrollView 滚动到顶部
一、scrollTo(0,0) 直接置顶，瞬间回到顶部，没有滚动过程，其中Y值可以设置为大于0的值，使Scrollview停在指定位置;二、fullScroll(View.FOCUS_UP) 类似于手动拖回顶部,有滚动过程;三、smoothScrollTo(0, 0) 类似于手动拖回顶部,有滚动过程，其中Y值可以设置为大于0的值，使Scrollview停在指定位置。...
2019-09-09 14:40:47
6229
转载 Gradle排除依赖模块的某个类
好久没写文章了，开工第一天来一发开门红。既然没什么可写的，就简单聊聊Gradlew吧，是Gradle，命令敲多了习惯加个w，开个小玩笑。gradle用来构建项目可谓是十分的灵活，刚开始接触也许觉得有点懵，觉得这个东西就是多余的，但是用多了就真的会爱上它。我之前做组件化的时候就碰到锅这样一个问题，怎么排除某个类Gradle怎么排除所依赖的模块的某各类其实我觉得在很多的情况下都会碰到这个问题，比...
2019-07-26 18:02:38
3107
原创 NestedScrollView,ScrollView中嵌套listView 或者RecyclerView会自动跳到顶部，中部，底部的问题。
在开发中，我们经常会遇到这样的布局，就是NestedScrollView,ScrollView中嵌套listView 或者RecyclerView，但是有时候会发现会出现自动跳转到listview或者recycleview的顶部或者顶部的问题，开始在网上查找，也有别人遇到这个问题，他们给的解决方案是：方法1：scrollview.post( new Runnable() { ...
2018-04-24 15:02:39
1133
2
原创 AndroidStudio 3.1 The APK file app-debug.apk does not exist on disk.
今天刚升级了as3.1版本之后，每次运行都会报这个错误The APK file app-debug.apk does not exist on disk. 后来看了网上一些方法，总结下：1、直接clean下项目。测试不通过2、重新build下项目，在运行 。 测试不通过3、as右面点开gradle 点击Task-build 点击上面的刷新测试不通过。4、测试可以通过。参考：https://st...
2018-04-10 15:52:56
803
1
原创 Android使用DrawerLayout仿qq6.6版本侧滑效果
一讲到侧滑菜单，我相信大家都会想到一个开源控件SlidingMenu，在google还没有出来DrawerLayout的时候几乎都是使用Slidingmenu来实现侧滑效果，可以说是效果很不错，自从google出了Drawerlayout以后很多公司就使用了Drawerlayout比如 滴滴打车等等。那么今天我们利用drawerlayout来实现qq6.6最新的侧滑效果。首先来看看Drawerla
2016-12-29 14:46:01
8627
14
原创 WebView加载https的空白及图片加载不了的问题
目前ios现在都需要换成https请求，现在遇到一个webview加载https的有一些问题及解决办法。1、webview加载https空白页面解决办法：@Overridepublic void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) { handler.p
2016-12-26 16:42:29
4060
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人