Flutter 仿微博客户端

7,716 阅读3分钟

Flutter开发的微博客户端,同时支持Android和iOS。与官方微博x9.99%相似度体验,离线模式,多语言支持,主题随心换,超乎想象的流畅度,各种惊喜的细节等待你一一发现。

支持功能:

查看微博动态、正文、评论
查看热门话题、微博、热搜
支持话题、@、表情、全文
离线模式
国际化
主题色

项目动态

应用于2020.05.06提交至微博开发平台,目前还在审核中,暂无法申请微博授权!
Ps:作者也不清楚是否能通过审核,何时通过审核,但大家还是可以本地体验相关功能。
目前运动和消息板块未开发,运动板块暂时放的实时疫情,消息板块展示九宫格示例。

分享内容

1、九宫格图片控件 NineGridView

类似微博动态,微信朋友圈,微信群组,钉钉群组,QQ讨论组头像,支持单张大图预览。

NineGridView(
  margin: EdgeInsets.all(12),
  padding: EdgeInsets.all(5),
  space: 5,
  type: NineGridType.weChatGp,
  itemCount: itemCount,
  itemBuilder: (BuildContext context, int index) {},
);

2、拖拽九宫格图片控件 DragSortView

类似微博/微信发布动态九宫格,支持按压放大效果,拖拽排序,拖拽到指定位置删除。

DragSortView(
  imageList,
  space: 5,
  margin: EdgeInsets.all(20),
  padding: EdgeInsets.all(0),
  itemBuilder: (BuildContext context, int index) {},
  initBuilder: (BuildContext context) {},
  onDragListener: (MotionEvent event, double itemWidth) {
    /// 判断拖动到指定位置删除
    /// return true;
    if (event.globalY > 600) {
      return true;
    }
    return false;
  },
);     

3、获取图片尺寸 ImageUtil

大图功能必备工具。

Image image = Image(image: CachedNetworkImageProvider("Url"));
Image imageAsset = Image.asset("");
Image imageFile = Image.file(File("path"));
Image imageNetwork = Image.network("url");
Image imageMemory = Image.memory(null);

ImageUtil imageUtil = ImageUtil();
Rect rect = await imageUtil.getImageSize(image: image);  
ImageUtil().getImageSize(image: image).then((Rect rect) {
  print("rect: " + rect.toString();
});

4、简单加解密 EncryptUtil

异或对称加解密 + Base64加解密

const String key = '11, 22, 33, 44, 55, 66';
String value = 'Sky24n';
String encode = EncryptUtil.xorBase64Encode(value, key); // WH1YHgMs
String decode = EncryptUtil.xorBase64Decode(encode, key); // Sky24n

5、JsonUtil

简单封装json字符串转对象。

String objStr = "{\"name\":\"成都市\"}";
City hisCity = JsonUtil.getObj(objStr, (v) => City.fromJson(v));

String listStr = "[{\"name\":\"成都市\"}, {\"name\":\"北京市\"}]";
List<City> cityList = JsonUtil.getObjList(listStr, (v) => City.fromJson(v));

6、时间格式化 DateUtil

格式化时间戳。

/// year -> yyyy/yy   month -> MM/M    day -> dd/d
/// hour -> HH/H      minute -> mm/m   second -> ss/s

DateUtil.formatDateMs(DateTime.now().millisecondsSinceEpoch, format: DataFormats.full); // 2019-07-09 16:51:14
DateUtil.formatDateStr("2019-07-09 16:51:14", format: "yyyy/M/d HH:mm:ss"); // 2019/7/9 16:51:14
DateUtil.formatDate(DateTime.now(), format: "yyyy/MM/dd HH:mm:ss");  // 2019/07/09 16:51:14
DateUtil.formatDateMs(ms, format: "yyyy年MM月dd日 HH时mm分ss秒");  // 2019年07月09日 16时51分14秒

7、时间轴 TimelineUtil

类似微信朋友圈,微博动态时间线。

enum DayFormat {
  ///(less than 10s->just now)、x minutes、x hours、(Yesterday)、x days.
  ///(小于10s->刚刚)、x分钟、x小时、(昨天)、x天.
  Simple,

  ///(less than 10s->just now)、x minutes、x hours、[This year:(Yesterday/a day ago)、(two days age)、MM-dd ][past years: yyyy-MM-dd]
  ///(小于10s->刚刚)、x分钟、x小时、[今年: (昨天/1天前)、(2天前)、MM-dd],[往年: yyyy-MM-dd].
  Common,

  ///日期 + HH:mm
  ///(less than 10s->just now)、x minutes、x hours、[This year:(Yesterday HH:mm/a day ago)、(two days age)、MM-dd HH:mm][past years: yyyy-MM-dd HH:mm]
  ///小于10s->刚刚)、x分钟、x小时、[今年: (昨天 HH:mm/1天前)、(2天前)、MM-dd HH:mm],[往年: yyyy-MM-dd HH:mm].
  Full,
}

TimelineUtil.format(timeMillis, locale: Localizations.localeOf(context).languageCode, dayFormat: DayFormat.Common);

Screenshots

首页探索我的
微博发布微博正文个人页面
授权设置图片

关于App

个人项目,暂未开源!
GitHub  : Fitness
Apk       :只有(arm64-v8a)
百度云盘:提取码 ttbn
其他方式:v0.0.1
腾讯微云:点击下载
请使用微信或QQ浏览器扫码下载!

关于作者

GitHub : Sky24n
简书     : Sky24n
掘金     : Sky24n