Android微信界面的制作

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页面,这些布局文件编写好之后为如下效果:
静态的布局页面
布局页面完成后就需要完成界面的活动功能,主要为:
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);//初始化第一个页面
同时监听程序监听按钮点击并执行相应活动

猜你喜欢

转载自blog.csdn.net/m0_51380724/article/details/109037135
今日推荐