一个类微信的简单APP界面的实现

281 阅读1分钟

xml部分:

需要实现一个类微信界面的App界面,其构成要素有如下三部分:

  1. top
  2. Fragment
  3. Button

其中top是一个标题部分,用一个简单的top.xml即可实现;

Fragment部分占用一个,在activity_main.xml中需用两个****来声明其位置;

_Button部分需要设置在一个**区域,且各个bottom所在的及其对应的文字描述所在的又在同一个**区域,四个Button定为_YouSeeconnectfinesetting

需要实现的效果是点击一个按钮有对应的界面展示,需要写demo01.xml~demo03.xml四个xml来实现,因其未做其他操作,故每个xml只需包含一个****输出相应提示文字即可;

Java部分:

  1)创建四个继承自_android.app.Fragment_的类:youseeFragment、connectFragment、fineFragment、settingFragment绑定对应的xml;

2)设计函数:

private void initFragment() //初始化Fragment()

private void initView()//初始化视图

private void initevxnt() //将监听范围缩小为本Button对应的区域

private void SelectFragment(int i)//将Button对应的图标颜色改变,并展示Fragment区域实现交互的效果

private void hideFragment(FragmentTransaction transaction) _//_隐藏Fragment区域

public void onClick(View v)//根据参数调用SelectFragment()

public void resetimg()//将Button对应的图标颜色变回刚开始进入时的效果

实现效果:

                  (yousee)

                    (connect)

                        (fine)

                         (setting)

附GitHub地址:github.com/learnway299…