安卓开发APP门户界面

功能说明

设计app的门户界面,类似于微信那样
主要功能如下:

  • 有四个界面
  • 通过点击导航栏的图片按钮切换界面

代码思路分析

编写布局文件

看一下最终实现的效果,分析布局文件的编写
主界面
这个界面是app打开时的默认界面。可以看出这个界面由三部分组成

  • 页面顶部的标题栏
  • 中间的不同界面切换
  • 底部的导航栏

这样我们就需要写多个xml布局文件,并将他们组合到一个xml布局文件中。
首先编写top.xml文件,实现顶部的标题栏
然后编写底部的导航栏bottom.xml。这个布局文件中包含四个ImageButton,并且每个ImageButton都配有文字,这个实现需要一个水平布局的LinerLayout嵌套四个垂直布局的LinerLayout
中间的界面切换部分需要用Fragment实现,因为我们需要用底部导航栏的四个按钮控制显示不同的界面,这样就需要编写四个不同的xml文件,对应底部导航栏的四个按钮

总结一下:
top.xml:顶部标题栏
bottom.xml:底部导航栏
chat.xml:聊天界面
friends.xml:朋友界面
book.xml:通讯录界面
setting.xml:设置界面
activity_main.xml:汇总界面,中间要写一个Fragment放界面

然后需要编写控制代码逻辑的Java文件
这里最重要的是Fragment,这里我们需要对每一个Fragment(对应一个xml布局文件)新建一个Fragment类

  • ChatFragment.java
  • FriendsFragment.java
  • BookFragment.java
  • SettingFragment.java

在MainActivity.java中控制操作逻辑
首先要new出各个界面(Fragment)的对象,还有有一个FragmentManager管理所有的Fragment
然后获取到各种控件,包括TextView,ImageButton,LinerLayout
这里我们对导航栏的所有LinerLayout设置点击事件,通过id区分,每次点击首先将所有的按钮设置为未选中状态,并且将所有Fragment隐藏(hide),然后通过不同序号选择对应按钮设置为选中状态,然后将指定Fragment显示出来(show)

运行界面展示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

源代码地址

安卓开发App门户界面设计代码

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值