Android studio制作简单微信界面

Android studio微信界面简单制作

移动技术开发的第一课

完成展示
（先看看样子）

大概就是这个样子

1.放入图标
把下好的图标复制粘贴放在/app/res/drawble 目录下即可

2.布局设计
首先我们的微信界面大概分成三个部分

最上面的是APP的的名字，然后中间的是内容，底部就是我们在切换界面时要点击的东西。

这样我们就需要一个头部显示的xml文件（定为top.xml）
然后是底部按钮的xml文件（定为button.xml）
我们还发现每一次的点击下方进行界面切换我们都是要显示界面的，所以点击的四个button要对应四个界面的xml文件（定为tab01.xml，tab02.xml，tab03.xml，tab04.xml）
目前将我们所需要的大致的界面都已经将层次分清楚了，也将所需要的对应的文件都新建。

首先是头部的xml文件，可以看出，就是一般的TextView文件，我们只用居中放置即可，最后我们再自定义字体颜色和背景颜色就可以了。

有关于文字居中，我们要修改和添加一些配置信息。
在linearlayout中，我们修改gravity所对应的配置信息为center
在TextView中，我们修改layout_gravity所对应的配置信息为center_horizontal
这时就可以看见文字居中了，然后再修改颜色就好了

再是底部的xml文件，可以看出就是4*2的表格，上面是imagebutton，下面是TextView，先一个水平放置的LinearLayout，然后在这个下放入四个垂直的LinearLayout，在四个垂直的LinearLayout下先放置一个imagebutton，再放一个TextView，再配置好宽度和高度就好了

在垂直的LinearLayout中，修改下列文件配置，layout_width，layout_weight，orientation，这三个改为0dp，1，vertical

主界面的话就新建四个layout文件，每一个放一个TextView文件在正中间就行了，内容什么的看个人想法自己发挥

这样一来基本布局就写好了，再主界面把他们放在一起
在activity_main里，首先在最外面设置垂直，配置orientation。然后将头部和button放入，用include导入top和button，然后中间放入一个FrameLayout就可以了。

3.Java文件
这本次实验中，需要我们控制的只是我们在底部点击后，中间的fragment能够相应的进行轮转即可
而为了控制这样一个事件，我们需要做两件事：

1.监听我们对底部控件的点击
2.将监听到的底部点击事件，传递给fragment的事件控制

监听点击

private void initEvent() {mImgMessage.setOnClickListener(this);mImgFriend.setOnClickListener(this);mImgAddress.setOnClickListener(this);mImgSetting.setOnClickListener(this);}

传递（使用switch）

private void setSelect(int i) {FragmentTransaction transaction = fm.beginTransaction();hideFragment(transaction);switch (i) {case 0:transaction.show(mTab01);mImgMessage.setImageResource(R.drawable.tab_weixin_pressed);break;case 1:transaction.show(mTab02);mImgFriend.setImageResource(R.drawable.tab_find_frd_pressed);break;case 2:transaction.show(mTab03);mImgAddress.setImageResource(R.drawable.tab_address_pressed);break;case 3:transaction.show(mTab04);mImgSetting.setImageResource(R.drawable.tab_settings_pressed);break;default:break;}transaction.commit();}

其余代码就看
https://gitee.com/freak/mobile-technology-development.git
就这些啦

对了我发现原本app最上面有一个框，我们不需要显示他，那么就打开/res/values文件夹下的style.xml文件，将style标签里的parent的配置信息改为Theme.AppCompat.Light.NoActionBar就行了

大功告成

Android studio制作简单微信界面相关推荐

Android Studio制作简易微信界面
文章目录制作要求一.top,buttom页面制作二.四个tab页面和activity_main页面制作 1.四个tab页面 2.activity_main页面三 . 五个java文件制作要求 ...
android页面布局计算机,Android Studio制作简单计算器App
Android Studio制作简单计算器App 计算机界面如图: 程序设计步骤: (1)在布局文件中声明编辑文件框EditText,按钮Button等组件. (2)在MainActivity中获取组 ...
Android Studio 制作APP启动界面（Splash）
最近又开始学习Android studio 了,在制作APP时,都有一个启动的界面,看上去美观且实用(也可以作为以后的广告位← 那怎样制作呢? 第一步:新建Splash 如图,新建一个Empty Ac ...
Android 开发--利用android studio 制作简单文字打怪升级游戏（伪地牢类）1.开始
本人目前是大三考研党,之前有学过一些杂七杂八的知识,但是没有办法利用这些知识制作一些真正有用的东西出来.后来自学了android开发,学会使用了android studio,终于决定利用android ...
Android studio实现类微信界面
1.需要实现的功能: 页面具有标题微信页面具有中间显示框页面具有底部选择框,并且具有选择事件页面底部选择框在进行改变的时候,我们需要中间显示框的页面同步改变页面的布局清晰效果展示如下 1.按 ...
Android studio实现仿微信界面
一.静态界面实现(.xml) 功能需求 1.上方有标题(居中) 2.中间显示内容,内容随着下方控件而切换. 3.下方四个控件可切换. 实现页面展示: 共三大部分,顶部和底部一直不变,中间部分随着点击切 ...
Android 开发--利用android studio 制作简单文字打怪升级游戏（伪地牢类）2.主页面及部分事件设计
时隔大半年,总算抽出时间更新这个博客了.去年下半年因为大四忙着备战考研,一直没有心情将第二篇继续更新,今年上半年又忙着搞毕业设计,焦头烂额了属于是orz 由于我的android studio的模拟器实 ...
Android studio制作QQ登录界面
(1)需要一张图片作为QQ头像,因此先找一张图片(png格式)放到drawable文件夹中. (2)分析界面组成部分,整体来看界面分三个部分第一部分:放置一个lmageView控件用于显示头像: ...
Android Studio 制作微信界面上
工程功能介绍打开app,首先是个闪屏界面(常见于一般打开app时的小广告),设置时间为2s后进入登录界面.在登录界面中,中间可以输入密码,点击登录按钮进入微信的界面. 微信的界面由4个fragm ...

Android studio制作简单微信界面

Android studio微信界面简单制作

Android studio制作简单微信界面相关推荐

最新文章

热门文章