Android微信界面的制作

移动互联网开发第一课

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

完成效果演示机源代码仓库
仓库地址：点击跳转
演示：

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);//初始化第一个页面
同时监听程序监听按钮点击并执行相应活动

Android微信界面的制作相关推荐

Android微信界面的设计
Android微信界面的设计 [尊重原创,转载请注明出处]http://blog.csdn.net/guyuealian/article/details/51777792 微信6.0主界面: (1 ...
Android微信界面
学习Android快一个月了,找个东西练练手,试着写写微信主要的四个界面. 效果图: 有色差... 首先看主界面划分,看图最直接: 主界面 activity_main.xml: <Relativ ...
Android Studio 类微信界面的制作
设计目标使用Android Studio完成类微信的门户页面框架设计,APP包含4个tab页面.框架设计使用fragment,activity. 功能说明界面的样式和微信打开后的界面相似 1点击底 ...
类微信界面的制作-1 类微信app界面框架
使用Android Studio制作一个类微信APP界面的框架系统是win10,sdk是Android 33 创建一个新项目,语言为java 将UI素材文件导入(复制直接在drawable中粘贴)到 ...
Android 微信界面简单的侧滑效果+listview+DrawerLayout+fragment+viewpager
先写一个android.support.v4.widget.DrawerLayout的控件.里面包裹的第一个LinearLayout是主界面的里面是一个viewpager的控件用来实现QQfragme ...
Android 启动界面的制作
直接看实例吧 package com.example.textview;import android.app.Activity; import android.content.Intent; impo ...
Android studio制作简单微信界面
Android studio微信界面简单制作移动技术开发的第一课完成展示 (先看看样子) 大概就是这个样子 1.放入图标把下好的图标复制粘贴放在/app/res/drawble 目录下即可 2. ...
Android简易微信界面
Android简易微信界面专选课移动互联网开发的第一次作业,利用Android Studio进行了简易Android微信界面的搭建完整项目代码界面样式展示: 界面xml源码主界面xml源码 & ...
Android Studio 制作微信界面上
工程功能介绍打开app,首先是个闪屏界面(常见于一般打开app时的小广告),设置时间为2s后进入登录界面.在登录界面中,中间可以输入密码,点击登录按钮进入微信的界面. 微信的界面由4个fragm ...

Android微信界面的制作

移动互联网开发第一课

Android微信界面的制作相关推荐

最新文章

热门文章