其他分享
首页 > 其他分享> > 作业一 APP门户界面设置

作业一 APP门户界面设置

作者:互联网

一、布局设计

将下载好的ui图标复制到drawable文件夹内

去掉界面自带标题框

 

创建top.xml制作界面标题

 创建bottom.xml对界面底部进行设置,通过imagebutton设置四个图像按钮,图片在上,文字在下,设计成如图所示

 再分别创建四个xml文件,用以显示四个按钮对应的不同界面,分别命名为tab01、tab02、tab03、tab04

在activity_main.xml文件中实现微信首页界面的布局设置 

 二、界面跳转

在java文件夹中创建四个Fragment文件,命名为WeChat、find、friend、settingsblankfragment,分别对应微信、通讯录、朋友和设置。

 同理对其他三个进行修改对应即可。

之后规定响应区,初始化界面,对四个控件进行监听。

在MainActivity中进行声明

调用所需要的函数

initFragment函数,它的作用是添加界面 

 initView函数,视图选择

initEvent函数,事件触发

selectFragment函数,把图片设置为亮的

 一个hidefragment函数,让未被选中的三个选项区变暗,以及对点击某个区域起反应的onClick函数,resetImg函数-提供灰暗图标的图片。

在模拟器上运行app

 

 

 源代码链接:thskyo/mywechat (gitee.com)

标签:xml,界面,函数,创建,APP,门户,设置,四个
来源: https://blog.csdn.net/m0_52717082/article/details/120664065