mirror of
https://github.com/Colin-XKL/Colinx-Blog.git
synced 2026-01-13 11:11:26 +08:00
new posts
This commit is contained in:
Colin
82
content/posts/Colin's 实验室 - 2021春.md
Normal file
82
content/posts/Colin's 实验室 - 2021春.md
Normal file
@@ -0,0 +1,82 @@
|
|||||||
|
---
|
||||||
|
title: Colin's实验室 - 2021春
|
||||||
|
date: 2021-02-25
|
||||||
|
lastmod: 2021-03-30
|
||||||
|
description: 小玩具及他们的demo
|
||||||
|
categories:
|
||||||
|
- 杂记
|
||||||
|
tags:
|
||||||
|
- 技术
|
||||||
|
- Python
|
||||||
|
- Github
|
||||||
|
- Flutter
|
||||||
|
---
|
||||||
|
|
||||||
|
# Colin's实验室 - 2021春
|
||||||
|
|
||||||
|
> 小玩具及他们的demo
|
||||||
|
>
|
||||||
|
>
|
||||||
|
|
||||||
|
## 英语文本智能查词（Project Sweeper）
|
||||||
|
|
||||||
|
> 自动分割给定的英文文本，提取词元后在数据库中搜索，根据给定的词汇量和难度等级进行筛选，只能提取阅读障碍词汇并高亮当前备考项目（如四级）的重点单词
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 知乎爬虫及JS逆向
|
||||||
|
|
||||||
|
> 日常用RSS订阅知乎的一些高质量专栏。但由于知乎本事并不支持RSS，内容大多通过RSShub来的，其本质是个爬虫，经常会受到前端页面结构变更的影响。为了应对这个变化，RSShub中对于知乎相关页面的爬取规则必须得重写。
|
||||||
|
>
|
||||||
|
> 分析了一通知乎的页面，发现有个接口可以直接请求，但是会检验header。header里面有几项特殊的自定义参数，`x-zse-83` 和 `x-zse-86`等。为了搞清楚这里面的数值怎么来的，就必须对知乎前端页面资源中的一个js文件进行逆向分析。
|
||||||
|
>
|
||||||
|
> 逆向折腾了大半天，就快要成功提取核心加密函数的时候，发现知乎的前端页面为了SEO有加入一页的文章列表数据，可以直接用上。考虑到逆向的工作量和潜在的法律问题，遂放弃原本的方案。
|
||||||
|
>
|
||||||
|
> 新的方案完成后，已向RSShub提交PR并已被合并。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## MC服务器搭建与极限优化
|
||||||
|
|
||||||
|
> 1核2G学生机，从2人联机频频崩溃到8人挖矿毫无压力，学习了JVM GC种种，对服务端程序的一些参数也渐渐熟悉。优化效果喜人，总有还能压榨的性能，就像资本家看手下的骡子一样hhh
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 洞洞板/冰箱贴/CVPRO/（...没想好名字）
|
||||||
|
|
||||||
|
> 一款跨平台的灵感素材收集与简易管理App，基于Flutter构建，跨平台，颜值在线。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
> 持续开发中，附roadmap
|
||||||
|
>
|
||||||
|
> version 1.0
|
||||||
|
>
|
||||||
|
> [x] Text support
|
||||||
|
> [x] Key shortcut support
|
||||||
|
> [x] About Page
|
||||||
|
> [ ] Content editing
|
||||||
|
> [x] List item dismiss
|
||||||
|
> [x] List Sorting
|
||||||
|
>
|
||||||
|
> Future - Key functions
|
||||||
|
>
|
||||||
|
> [ ] Data Storage
|
||||||
|
> [ ] Pic support
|
||||||
|
> [ ] Trashbin
|
||||||
|
> [ ] File support
|
||||||
|
> [ ] Multiple List
|
||||||
|
>
|
||||||
|
> Future - Key features
|
||||||
|
>
|
||||||
|
> [ ] Grid view
|
||||||
|
> [ ] Drag and Drop support
|
||||||
|
> [ ] Card resize
|
||||||
|
>
|
||||||
|
> Future - Extra
|
||||||
|
>
|
||||||
|
> [ ] Text reformat, delete useless spaces etc.
|
||||||
|
> [ ] Pic OCR support
|
||||||
|
> [ ] WebDav support and automatically upload files<10M
|
||||||
119
content/posts/Flutter 拖动排序列表与跨平台优化实践.md
Normal file
119
content/posts/Flutter 拖动排序列表与跨平台优化实践.md
Normal file
@@ -0,0 +1,119 @@
|
|||||||
|
---
|
||||||
|
title: Flutter 拖动排序列表与跨平台优化实践
|
||||||
|
date: 2021-03-30
|
||||||
|
lastmod: 2021-03-30
|
||||||
|
description: Flutter 拖动排序列表与跨平台优化实践
|
||||||
|
categories:
|
||||||
|
- 教程
|
||||||
|
tags:
|
||||||
|
- 技术
|
||||||
|
- Flutter
|
||||||
|
---
|
||||||
|
|
||||||
|
# Flutter 拖动排序列表与跨平台优化实践
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Flutter中实现拖动排序的列表非常简单，试用官方的`ReorderableListView`替代原本的`ListView`即可，`ListView.builder`同理。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
```dart
|
||||||
|
return ReorderableListView(
|
||||||
|
// padding: const EdgeInsets.symmetric(horizontal: 40),
|
||||||
|
children: <Widget>[
|
||||||
|
for (int index = 0; index < _items.length; index++)
|
||||||
|
ListTile(
|
||||||
|
key: Key('$index'),
|
||||||
|
tileColor: _items[index].isOdd ? oddItemColor : evenItemColor,
|
||||||
|
title: Text('Item ${_items[index]}'),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
onReorder: (int oldIndex, int newIndex) {
|
||||||
|
setState(() {
|
||||||
|
if (oldIndex < newIndex) {
|
||||||
|
newIndex -= 1;
|
||||||
|
}
|
||||||
|
final int item = _items.removeAt(oldIndex);
|
||||||
|
_items.insert(newIndex, item);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
上面是官方给的demo，简洁明了。[官方介绍视频](https://www.youtube.com/watch?v=yll3SNXvQCw)下面的评论里，人家直呼比原生Android写的过瘾的多。
|
||||||
|
|
||||||
|
阅读文档后我给我的App的界面也加上了可拖动排序的功能。效果如下图
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
虽然可以实现拖动了，但是右边有一个按钮很碍眼。不过这个是用来控制拖动的，鼠标移上去才能触发拖动。
|
||||||
|
|
||||||
|
翻了翻文档发现，这个地方`ReorderableListView`在移动端和桌面端的处理是不一样的，上图（桌面macos）右边会出现一个dragHandler，而移动端则是靠长按列表项触发拖动。
|
||||||
|
|
||||||
|
要把这个碍眼的图标去掉，有两个方案：
|
||||||
|
|
||||||
|
- 找到定义这个图标的地方，更换一个合适的图标，并在外面包裹一层，仅在鼠标hover时将图标显示以进行拖动，其他情况下隐藏
|
||||||
|
- 将拖动的实现定义为和移动端相同，即都通过长按列表项触发拖动
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
针对方案一，以`ReorderableListView` 和`Icon`为关键词搜索，很遗憾的是并没有这方面的资料，又翻了翻源码，并没有找到可以自定义右边这个拖拽按钮的实现。
|
||||||
|
|
||||||
|
在Flutter官方的Github仓库中，https://github.com/flutter/flutter/issues/66080#issuecomment-771123430 的issue对相关问题做了阐述，并有提案对`ReorderableListView`进行了改进。该issue对应的pr已经被合并到stable channel，查阅相关API后了解到可以使用`buildDefaultDragHandles: false`，关闭默认的拖拽触发实现，再使用`ReorderableDelayedDragStartListener`包裹原先的`ListTile`即可实现桌面端和移动端都通过长按列表项触发拖拽排序。
|
||||||
|
|
||||||
|
不过相应的，ListTile的`onLongPress`就不能再有响应了。刚好今天完成了滑动删除的实现，现在列表也的删除、排序已经高度可用且多平台统一了。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
附相关代码实现：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
```dart
|
||||||
|
body: ReorderableListView.builder(
|
||||||
|
buildDefaultDragHandles: false,
|
||||||
|
onReorder: (int oldIndex, int newIndex) {
|
||||||
|
setState(() {
|
||||||
|
if (oldIndex < newIndex) newIndex -= 1;
|
||||||
|
var temp = l.removeAt(oldIndex);
|
||||||
|
l.insert(newIndex, temp);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
itemCount: l.length,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
final item = l[index];
|
||||||
|
return Dismissible(
|
||||||
|
key: item.key,
|
||||||
|
background: listTileBackground(),
|
||||||
|
onDismissed: (direction) {
|
||||||
|
setState(() {
|
||||||
|
lastDeleted = item;
|
||||||
|
l.removeAt(index);
|
||||||
|
});
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(msgDeleted);
|
||||||
|
},
|
||||||
|
child: ReorderableDelayedDragStartListener(
|
||||||
|
key: item.key,
|
||||||
|
index: index,
|
||||||
|
child: ListTile(
|
||||||
|
title: Text(item.title),
|
||||||
|
subtitle: Text(item.content),
|
||||||
|
contentPadding: EdgeInsets.fromLTRB(16, 8, 16, 8),
|
||||||
|
onTap: () {
|
||||||
|
//your function here
|
||||||
|
},
|
||||||
|
// onLongPress: () {
|
||||||
|
// lastDeleted = item;
|
||||||
|
// l.removeAt(index);
|
||||||
|
// setState(() {});
|
||||||
|
// ScaffoldMessenger.of(context)
|
||||||
|
// .showSnackBar(msgDeleted);
|
||||||
|
// },
|
||||||
|
)));
|
||||||
|
})));
|
||||||
|
```
|
||||||
|
|
||||||
75
content/posts/Minecraft上云笔记 - MC自定义皮肤并支持联机.md
Normal file
75
content/posts/Minecraft上云笔记 - MC自定义皮肤并支持联机.md
Normal file
@@ -0,0 +1,75 @@
|
|||||||
|
---
|
||||||
|
title: Minecraft上云笔记 - MC自定义皮肤并支持联机
|
||||||
|
date: 2021-02-22
|
||||||
|
lastmod: 2021-02-22
|
||||||
|
description: Minecraft上云笔记 - MC自定义皮肤并支持联机
|
||||||
|
categories:
|
||||||
|
- 教程
|
||||||
|
- 指南
|
||||||
|
tags:
|
||||||
|
- Java
|
||||||
|
- MC
|
||||||
|
- MC服务器
|
||||||
|
- Minecraft
|
||||||
|
- 我的世界
|
||||||
|
- 游戏
|
||||||
|
- 服务器
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# Minecraft上云笔记 - MC自定义皮肤并支持联机
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
方案概述：
|
||||||
|
|
||||||
|
* 仪表盘 - 红石皮肤站
|
||||||
|
https://mcskin.cn/user
|
||||||
|
* [CSL] 万用皮肤补丁 (CustomSkinLoader) - MC 百科 | 最大的 Minecraft 中文 MOD 百科
|
||||||
|
https://www.mcmod.cn/class/883.html
|
||||||
|
* 全员安装皮肤mod，即可保证所有人都可以看见对方的皮肤
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
使用：
|
||||||
|
|
||||||
|
1. 安装好forge
|
||||||
|
|
||||||
|
2. 安装好皮肤补丁的mod
|
||||||
|
|
||||||
|
3. 启动一次MC，让他自动生成配置文件
|
||||||
|
|
||||||
|
4. 在皮肤站注册，并建立与游戏中角色名字相同的角色并设定皮肤
|
||||||
|
|
||||||
|
5. 修改`".minecraft\CustomSkinLoader\CustomSkinLoader.json"`
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"version": "14.12",
|
||||||
|
"loadlist": [
|
||||||
|
{
|
||||||
|
"name": "红石皮肤站",
|
||||||
|
"root": "https://mcskin.cn/csl/",
|
||||||
|
"type": "CustomSkinAPI"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Mojang",
|
||||||
|
"type": "MojangAPI"
|
||||||
|
},
|
||||||
|
......
|
||||||
|
```
|
||||||
|
|
||||||
|
> **注意：**
|
||||||
|
>
|
||||||
|
> 自定义皮肤站最好排在Mojang API的前面，不然的话如果有正版用户起的角色名字和你的一样，就会默认载入他的皮肤（巨坑+1）
|
||||||
|
>
|
||||||
|
>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Reference in New Issue
Block a user