设计目标：
模拟设计微信主界面框架，加入fragment，利用activity完成界面功能框架基本设计。
代码展示：
public void onClick(View view) {
FragmentTransaction fragmentTransaction = fm.beginTransaction();
hideFragment(fragmentTransaction);
resetImg();
switch (view.getId()) {
case R.id.layout1:
showFragment(0);
break;
case R.id.layout2:
showFragment(1);
break;
case R.id.layout3:
showFragment(2);
break;
case R.id.layout4:
showFragment(3);
break;
default:
break;
}
}
private void resetImg() {
imageView1.setImageResource(R.drawable.chat_normal);
imageView2.setImageResource(R.drawable.people_normal);
imageView3.setImageResource(R.drawable.find_normal);
imageView4.setImageResource(R.drawable.personal_normal);
}
private void showFragment(int i) {
FragmentTransaction transaction = fm.beginTransaction();
hideFragment(transaction);
switch (i) {
case 0://表示“聊天界面”
transaction.show(chat);
imageView1.setImageResource(R.drawable.chat_active); //读取不同的图片来改变“色调”
break;
case 1://1表示“联系人”
transaction.show(people);
imageView2.setImageResource(R.drawable.people_active);
break;
case 2: //2表示“发现”
transaction.show(find);
imageView3.setImageResource(R.drawable.find_active);
break;
case 3: //3表示“我的”
transaction.show(personal);
imageView4.setImageResource(R.drawable.personal_active);
break;
default:
break;
}
transaction.commit();
结果展示：
确定？
编辑
点击不同的按键实现页面的变换。
程序员灯塔
转载请注明原文链接：作业1：实现APP门户界面框架设计
转载请注明原文链接：作业1：实现APP门户界面框架设计