专栏首页每天学点Android知识玩Android客户端(1)——搭建主页面

玩Android客户端(1)——搭建主页面

最近在学Flutter,想着画点时间做个app,就做玩Android,可以利用现有的APi进行操作。 第一步:搭建主页面,如下:

主要包括几部分:

  • AppBar,包含Drawaer,可以打开
  • BottomNavigationBar:底部导航栏,切换时body内容变换
  • 图标第三个使用了三方图标,后面重点说下如何使用第三方Icon;如果使用Image作为Icon,那么点击的变色不会存在,而使用Icon就也会跟着变色。

页面结构

主页面是个StatefulWidget,根据下面的tab点击切换index,body根据index加载不同的内容。

使用三方图标

  1. 从https://www.iconfont.cn/出下载iconfont.ttf文件,参考后面第一篇文章;
  2. 在项目中创建fonts目录,将iconfont.ttf置于该目录下;
  3. 在pubspec.yaml中配置font,如下:
 fonts:     - family: AliIcon       fonts:         - asset: fonts/iconfont.ttf

4. 在lib目录下创建ali_icon文件,其内容如下:

import 'package:flutter/widgets.dart';class AliIcons {  static const IconData wechat = const _AliIconData(0xe679);}class _AliIconData extends IconData {  const _AliIconData(int codePoint)      : super(codePoint, fontFamily: 'AliIcon');}

这样就可以像使用Icon(Icons.like)等一样使用Icon了。

5. 使用

    BottomNavigationBarItem(icon: Icon(AliIcons.wechat), title: Text('公众号')),

关于微信公众号对应的0xe679怎么得来的,可以参考后面的第一篇文章。

关于代码,参考该分支代码: https://github.com/wangli135/wan_android/tree/cb81573ee2ff803d12cc3a28fa61af471bb5c4e7

参考

  • https://blog.csdn.net/a10615/article/details/81393194
  • https://segmentfault.com/a/1190000017978633

本文分享自微信公众号 - 每天学点Android知识(android_every_day),作者:星风coder

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-08-02

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 深入理解OkHttp源码(三)——网络操作

    在深入理解OkHttp源码(一)——提交请求中,分析了同步、异步请求是如何经过Dispatcher到getResponseWithInterceptorChai...

    用户1108631
  • ArrayMap数据结构分析

    ArrayMap是Android上特有的一个性能比较高的Map,和HashMap一样,也实现了Map接口。

    用户1108631
  • EventBus源码分析之发布流程

    继上篇文章EventBus源码分析之订阅流程之后,继续介绍EventBus的发布,事件发送完,EventBus如何做到调用之前注册的方法。

    用户1108631
  • D3、openlayers的一次尝试

    近期尝试了一个webgl相关的内容,有些小激动,及时分享一下我的测试示例,效果如下: ? 此示例分从业务角度分为两部分,一个部分为d3展示的柱图,另一部分则为用...

    sam dragon
  • 『组件』大转盘、刮刮乐、老虎机……

    组件 框架为开发者提供了一系列基础组件,开发者可以通过组合这些基础组件进行快速开发。 什么是组件: 组件是视图层的基本组成单元。 组件自带一些功能与微信风格的样...

    极乐君
  • Java Web技术经验总结(十一)

    阿杜
  • CVPR 2020 | 元学习人脸识别框架详解

    本文介绍的是CVPR2020 oral论文《Learning Meta FaceRecognition in Unseen Domains(MFG[1])》,作...

    AI科技评论
  • 算法--递归

    版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。

    奋飛
  • 探索通用可编程数据平面

    相比传统网络数据平面,通用可编程数据平面让网络用户可以自定义数据包的完整处理流程,实现理想的协议无关网络数据处理。而当下的OpenFlow模型还无法成为一种完全...

    博文视点Broadview
  • JavaScript宏任务和微任务

    最近问了大佬一个问题,监听和定时器两个性能的问题,大佬给我普及了宏任务和微任务的概念,于是网上找见了这样一段代码:

    wade

扫码关注云+社区

领取腾讯云代金券