欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Android微信界面的制作

程序员文章站 2022-03-11 14:41:13
Android微信界面的制作完成效果演示机源代码仓库仓库地址:https://gitee.com/dizzzzy/android-experiment-1演示:1.布局文件的编写与设计top.xml顶部显示的黑色栏设置LinearLayout为垂直布局设置textview水平居中实现居中背景通过background设置为黑色bottom.xml最外围为水平布局的LinearLayout,里面包含四个垂直布局的LinearLayout以实现底部导航设置外围LinearLayout背景图...

移动互联网开发第一课

要求完成以下需求:
1.页面具有标题“微信”
2.页面具有中间显示框
3.页面具有底部选择框,并且具有选择事件
4.页面底部选择框在进行改变的时候,我们需要中间显示框的页面同步改变
5.页面的布局清晰

完成效果演示机源代码仓库
仓库地址:点击跳转
演示:
Android微信界面的制作
1.布局文件的编写与设计
top.xml
顶部显示的黑色栏
设置LinearLayout为垂直布局设置textview水平居中实现居中
背景通过background设置为黑色

bottom.xml
最外围为水平布局的LinearLayout,里面包含四个垂直布局的LinearLayout以实现底部导航
设置外围LinearLayout背景图片以及高度
设置里面的LinearLayout的weight为1以分为四等分,并居中显示android:gravity=“center”,在四个LinearLayout中添加图片按钮以及文字描述
设置背景图片字体颜色并居中显示并设置好每个组件的id

tab01—tab04
分别为四个界面的文字内容,点击四个不同的button时将这四个页面显示出来,居中显示textview即可

主页面
< include layout="@layout/top">//top.xml
< FrameLayout
android:id="@+id/id_content"
android:layout_width=“match_parent”
android:layout_height=“0dp”
android:layout_weight=“1”>

< /FrameLayout>//加载fragment的内容
< include layout="@layout/bottom">//bottom.xml
两个include将写好的top与bottom页面作为组件放入了主页面,中间为可以活动的fragment页面,这些布局文件编写好之后为如下效果:
Android微信界面的制作
布局页面完成后就需要完成界面的活动功能,主要为:
1,监听按钮的点击并传递不同的参数
2,监听到点击时改变四个按钮的颜色
3,监听到点击时切换fragment内容
以上功能通过下面的java文件实现

2.四个fragment文件
在as中选择创建fragment文件
生成后更改oncreateview函数中的页面id即可将页面内容放进类中

3.mainactivity.java

initFragment函数
这里需要先在主类中创建四个不同的fragment类并命名并创建fragmentmanager类来管理
将获取到的fragment加入到主页面中
initView()
获取LinearLayout以及按钮
initevent()
为按钮添加监听
hide()
当它被调用时将所有的fragment隐藏
select()
当它被调用时先调用hide隐藏fragment然后改变相应的按钮颜色以及显示相应的fragment
reset()
当它被调用时将所有按钮该为非活动颜色
重写onClick(View v)
监听按钮
监听到点击时先执行reset()然后将监听到的按钮的id传给select去相应的执行
主启动函数
MainActivity extends Activity implements View.OnClickListener
依次执行
initView();//先获取组件
event();//设置监听
initFragment();//将fragment加入主界面
select(0);//初始化第一个页面
同时监听程序监听按钮点击并执行相应活动

本文地址:https://blog.csdn.net/m0_51380724/article/details/109037135