Android1.0

初学Android 开发

步骤：

• 1.导入资源包
  • 2.设计所需界面的组件并组合
    • 3.实现触发切换界面

1.导入资源包
将所有需要的组件的图片导入drawable目录下，我这里所需要的有四个按的灰色和彩色的图片以及bottom图片。
.9:Android特有后缀
2.设计所需要界面的组件并组合
整体布局分为三段：top部分、bottom部分以及中间空白部分。
top:

bottom:

中间：

中间部分注意，由于是四个不同界面进行切换，需要创建四个xml文件。
最终效果：

3.利用fragment实现触发切换界面
将按钮全部初始化为灰色

private void hideFragment(FragmentTransaction transaction){
        transaction.hide(mTab01);
        transaction.hide(mTab02);
        transaction.hide(mTab03);
        transaction.hide(mTab04);
    }

判断触发的按钮并改变其颜色

private void selectFragment(int i){
        FragmentTransaction transaction = fm.beginTransaction();
        hideFragment(transaction);
        switch(i){
            case 0:
                transaction.show(mTab01);
                mImgWeixin.setImageResource(R.drawable.tab_weixin_pressed);
                break;
            case 1:
                transaction.show(mTab02);
                mImgFrd.setImageResource(R.drawable.tab_find_frd_pressed);
                break;
            case 2:
                transaction.show(mTab03);
                mImgContact.setImageResource(R.drawable.tab_address_pressed);
                break;
            case 3:
                transaction.show(mTab04);
                mImgSettings.setImageResource(R.drawable.tab_settings_pressed);
                break;
            default:
                break;
        }
        transaction.commit();
    }

响应事件

@Override
    public void onClick(View view) {
        resetImg();
        switch (view.getId()){
            case R.id.id_tab_weixin:
                selectFragment(0);
                break;
            case R.id.id_tab_frd:
                selectFragment(1);
                break;
            case R.id.id_tab_contact:
                selectFragment(2);
                break;
            case R.id.id_tab_settings:
                selectFragment(3);
                break;
            default:
                break;
        }
    }

代码下载网址：https://gitee.com/its_seazen/Android/tree/master/