本文介绍了如何设计和设置一个APP的门户界面。首先，通过将UI图标放入drawable文件夹，去掉界面标题框并创建XML文件来制作标题和底部设置。接着，创建四个XML布局文件以展示不同界面，并在activity_main.xml中实现微信首页的布局。然后，利用Fragment创建界面跳转，并实现各个控件的监听、初始化和事件响应。最后，通过示例代码展示了在Android Studio中实现这一过程。
一、布局设计
将下载好的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
扫一扫
674
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
