安卓开发项目——微信页面设计

安卓项目——微信页面设计

一、本项目完成的功能

1. 做出类微信app的首页
2. 顶部显示app应用标题
3. 中间是一整块的空白主页面（后面的实验会添加内容）
4. 底部是四个功能选择按钮，点击不同的按钮，按钮会变色，同时中间的内容页面会跟随按钮切换

二、项目的开发步骤

1. 导入图片
   1.1 把该项目中用到的ui图片复制粘贴到项目的文件夹MyweChat\app\src\main\res\drawable中。
   

• 设计ui布局
  整体布局风格
  

2.1 top.xml
LinearLayout中添加一个TextView，设置尺寸，文本内容，字体颜色和背景颜色等
注意：

• gravity设为水平居中，外层LinearLayout的orientation设为垂直；其中weight设为1（百分比布局）height设为60dp；

2.2 bottom.xml

• 在已有的LinearLayout中增加一个LinearLayout，在该LinearLayout中放入ImageButton和TextView，设置最外层LinearLayout的高度，背景，配置TextView的字体颜色大小和居中，配置最顶层LinearLayout和ImageButton的背景颜色。
• 复制粘贴三个LinearLayout后，需要设置平铺，方法是宽度都设为0dp，weight都设为1，同时需要修改每个LinearLayout中ImageButton和TextView的id，同时增加每个LinearLayout的id（用于触发点击事件）；

2.3 基本布局文件（activity_main.xml）

• 用include将top和bottom加入到该xml视图中（外层LinearLayout布局设为垂直）
  
• 添加FrameLayout，宽度设为0dp，weight设为1。

2.4 中间内容文件

• 新建四个Fragment文件，每一个Fragment文件都对应一个布局文件，weixinFragment、frdFragment、contactFragment、settingsFragment，这四个文件都基本上不需要自己敲代码

• 

• 要实现点击bottom不同按钮用以切换中间内容，大体思路是为4个内容xml界面配置4个FrameLayout，再把它们压缩成一个FrameLayout，写到程序中，做一个子窗口。具体步骤是在main/java目录中新建一个FrameLayout，自带的xml删除，其中onCreateView函数中的xml改为刚刚自己创建的对应的布局文件的的名字。

• 

2.5 主活动函数的java代码

• 每一个类相当于对应一个布局，这样我们就将四个布局所对应的xml文件就变成了四个类对象，从而可以正常的调用它。在MainActivity.java中控制操作逻辑首先要new出各个界面（Fragment）的对象，还有有一个FragmentManager管理所有的Fragment
  

• 逻辑控制思路

• initFragment：代码中是固定语句，用于提交Fragment对象，

• transaction.add(R.id.id_content,mTab01);中的transaction是起到通讯，就是添加这四个fragment到content中。

• initView：用于给MainActivity中的控件对象赋值。

• setSelect：此函数是来控制它的变换，指的是每次点击不同的按钮，显示不同的界面。

• hideFragment：此函数就是根据setSelect函数，起到隐藏的功能（隐藏Fragment对象）

• initEvent：点击监听函数，就是对于你每次的点击，方法会调用，执行对应流程。

3.预览结果

4.gitee地址
gitee仓库

标签：xml,设为,Fragment,微信,安卓,布局,按钮,LinearLayout,页面
来源： https://blog.csdn.net/Avalonyyy/article/details/115442425