低栏的项目切换

一;布局

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mainweixin"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:background="#eee" >  

    <RelativeLayout
        android:id="@+id/main_bottom"
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:layout_alignParentBottom="true"
        android:orientation="vertical"
        android:background="@drawable/bottom_bar"
        >             
      
        <ImageView
            android:id="@+id/img_tab_now"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"                     
            android:scaleType="matrix"
            android:layout_gravity="bottom"                
            android:layout_alignParentBottom="true"
            android:src="@drawable/tab_bg" />              
         
         
         <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:paddingBottom="2dp"            
            >
            
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                  android:gravity="center_horizontal"
                  android:orientation="vertical"
                  android:layout_weight="1">                   
                <ImageView
                    android:id="@+id/img_weixin"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"                     
                    android:scaleType="matrix"
                    android:clickable="true"
                    android:src="@drawable/tab_weixin_pressed" />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="微信"
                    android:textColor="#fff"
                    android:textSize="12sp" />                
             </LinearLayout>
             <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                  android:gravity="center_horizontal"
                  android:orientation="vertical"
                  android:layout_weight="1">                   
                <ImageView
                    android:id="@+id/img_address"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"                     
                    android:scaleType="matrix"
                    android:clickable="true"
                    android:src="@drawable/tab_address_normal" />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="通讯录"
                    android:textColor="#fff"
                    android:textSize="12sp" />                
             </LinearLayout>
             <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                  android:gravity="center_horizontal"
                  android:orientation="vertical"
                  android:layout_weight="1">                   
                <ImageView
                    android:id="@+id/img_friends"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"                     
                    android:scaleType="matrix"
                    android:clickable="true"
                    android:src="@drawable/tab_find_frd_normal" />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="朋友们"
                    android:textColor="#fff"
                    android:textSize="12sp" />                
             </LinearLayout>
             
             <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                  android:gravity="center_horizontal"
                  android:orientation="vertical"
                  android:layout_weight="1">                   
                <ImageView
                    android:id="@+id/img_settings"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"                     
                    android:scaleType="matrix"
                    android:clickable="true"
                    android:src="@drawable/tab_settings_normal" />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="设置"
                    android:textColor="#fff"
                    android:textSize="12sp" />                
             </LinearLayout>        
          
        </LinearLayout>     
       
    </RelativeLayout>
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" 
        android:layout_alignParentTop="true"
        android:layout_above="@id/main_bottom"       
        android:orientation="vertical" >
        
        <android.support.v4.view.ViewPager
            android:id="@+id/tabpager"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center" > 
        </android.support.v4.view.ViewPager>  
    </LinearLayout>

   

</RelativeLayout>

二：样式

<style name="Anim_style2" parent="android:Theme.NoTitleBar">         
        <item name="android:windowAnimationStyle">@style/AnimFade</item>       
    </style> 

<style name="AnimFade" parent="@android:style/Animation.Activity">  
        <item name="android:activityOpenEnterAnimation">@anim/fade_in</item>  
        <item name="android:activityOpenExitAnimation">@anim/hold</item>        
        <item name="android:activityCloseEnterAnimation">@anim/fade_in</item>  
        <item name="android:activityCloseExitAnimation">@anim/fade_out</item> 
    </style>

fade_in

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:fromAlpha="0.0" android:toAlpha="1.0"
    android:duration="300" />

fade_out

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:fromAlpha="1.0" android:toAlpha="0.0"
    android:duration="300" />

三：Activity

package cn.bw.activitys;

import java.util.ArrayList;
import java.util.List;

import cn.bw.information.InformationActivity;


import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.os.Parcelable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.Display;
import android.view.Gravity;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup.LayoutParams;
import android.view.animation.Animation;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.RelativeLayout;

public class MainWeixinActivity extends Activity {
    public static MainWeixinActivity instance = null;
     
    private ViewPager mTabPager;    
    private ImageView mTabImg;// 动画图片
    private ImageView mTab1,mTab2,mTab3,mTab4;
    private int zero = 0;// 动画图片偏移量
    private int currIndex = 0;// 当前页卡编号
    private int one;//单个水平动画位移
    private int two;
    private int three;
    private LinearLayout mClose;
    private LinearLayout mCloseBtn;
    private RelativeLayout information;
    private View layout;    
    private boolean menu_display = false;
    private PopupWindow menuWindow;
    private LayoutInflater inflater;
    private View view1,view2,view3,view4;
    private List<View> views;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        instance = this;
        setContentView(R.layout.main_weixin);
        initView();
        initData();
        registerListener();
    }
    
    /**
     * 初始化视图控件
     */
    
    private void initView(){
        mTabPager = (ViewPager) findViewById(R.id.tabpager);
        
        mTabImg = (ImageView) findViewById(R.id.img_tab_now);
        mTab1 = (ImageView) findViewById(R.id.img_weixin);
        mTab2 = (ImageView) findViewById(R.id.img_address);
        mTab3 = (ImageView) findViewById(R.id.img_friends);
        mTab4 = (ImageView) findViewById(R.id.img_settings);
    }
    
    /**
     * 初始化数据
     */
    private void initData(){
        //获取屏幕的分辨率，以计算偏移量
        Display display = getWindowManager().getDefaultDisplay();
        int width = display.getWidth();
        one = width/4;  //因为水平有四个叶卡，所以要均分为四份。
        two = one * 2;
        three = one *3;
        //加载布局
        LayoutInflater inflater = LayoutInflater.from(this);
        view1 = inflater.inflate(R.layout.main_tab_weixin, null);
        view2 = inflater.inflate(R.layout.main_tab_address, null);
        view3 = inflater.inflate(R.layout.main_tab_friends, null);
        view4 = inflater.inflate(R.layout.main_tab_settings, null);
                        //将布局放入集合
        views = new ArrayList<View>();
        views.add(view1);
        views.add(view2);
        views.add(view3);
        views.add(view4);
    }
    
    /**
     * 注册监听
     */
    private void registerListener(){
        //设置ViewPager的页面翻滚监听
        mTabPager.setOnPageChangeListener(new myOnPageChangeListener());
        mTab1.setOnClickListener(new myOnClickListener(0));
        mTab2.setOnClickListener(new myOnClickListener(1));
        mTab3.setOnClickListener(new myOnClickListener(2));
        mTab4.setOnClickListener(new myOnClickListener(3));
        mTabPager.setAdapter(adapter);
    }
    
    
    
    private PagerAdapter adapter = new PagerAdapter() {
        
        @Override
        public boolean isViewFromObject(View arg0, Object arg1) {
            // TODO Auto-generated method stub
            return arg0 == arg1;
        }
        
        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return views.size();
        }

        @Override
        public void destroyItem(View container, int position, Object object) {
            // TODO Auto-generated method stub
            ((ViewPager)container).removeView(views.get(position));
        }

        @Override
        public Object instantiateItem(View container, int position) {
            // TODO Auto-generated method stub
            ((ViewPager)container).addView(views.get(position));
            return views.get(position);
        }
    };
    
    
    public class myOnPageChangeListener implements OnPageChangeListener{

        @Override
        public void onPageScrollStateChanged(int arg0) {
            
        }

        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2) {
            
        }

        @Override
        public void onPageSelected(int arg0) {
            Animation anim = null;
            switch (arg0) {
            case 0:
                mTab1.setImageDrawable(getResources().getDrawable(R.drawable.tab_weixin_pressed));
                if(currIndex == 1){
                    anim = new TranslateAnimation(one, 0, 0, 0);
                    mTab2.setImageDrawable(getResources().getDrawable(R.drawable.tab_address_normal));
                }
                else if(currIndex == 2){
                    anim = new TranslateAnimation(two, 0, 0, 0);
                    mTab3.setImageDrawable(getResources().getDrawable(R.drawable.tab_find_frd_normal));
                }
                else if(currIndex == 3){
                    anim = new TranslateAnimation(three, 0, 0, 0);
                    mTab4.setImageDrawable(getResources().getDrawable(R.drawable.tab_settings_normal));
                }
                break;
            case 1:
                mTab2.setImageDrawable(getResources().getDrawable(R.drawable.tab_address_pressed));
                if (currIndex == 0) {
                    anim = new TranslateAnimation(zero, one, 0, 0);
                    mTab1.setImageDrawable(getResources().getDrawable(R.drawable.tab_weixin_normal));
                }else if (currIndex == 2) {
                    anim = new TranslateAnimation(two, one, 0, 0);
                    mTab3.setImageDrawable(getResources().getDrawable(R.drawable.tab_find_frd_normal));
                }else if (currIndex == 3) {
                    anim = new TranslateAnimation(three, one, 0, 0);
                    mTab4.setImageDrawable(getResources().getDrawable(R.drawable.tab_settings_normal));
                }
                break;
            case 2:
                mTab3.setImageDrawable(getResources().getDrawable(R.drawable.tab_find_frd_pressed));
                if (currIndex == 0) {
                    anim = new TranslateAnimation(zero, two, 0, 0);
                    mTab1.setImageDrawable(getResources().getDrawable(R.drawable.tab_weixin_normal));
                }else if (currIndex == 1) {
                    anim = new TranslateAnimation(one, two, 0, 0);
                    mTab2.setImageDrawable(getResources().getDrawable(R.drawable.tab_address_normal));
                }else if (currIndex == 3) {
                    anim = new TranslateAnimation(three, two, 0, 0);
                    mTab4.setImageDrawable(getResources().getDrawable(R.drawable.tab_settings_normal));
                }
                break;
            case 3:
                mTab4.setImageDrawable(getResources().getDrawable(R.drawable.tab_settings_pressed));
                if (currIndex == 0) {
                    anim = new TranslateAnimation(zero, three, 0, 0);
                    mTab1.setImageDrawable(getResources().getDrawable(R.drawable.tab_weixin_normal));
                }else if (currIndex == 1) {
                    anim = new TranslateAnimation(one, three, 0, 0);
                    mTab2.setImageDrawable(getResources().getDrawable(R.drawable.tab_address_normal));
                }else if (currIndex == 2) {
                    anim = new TranslateAnimation(two, three, 0, 0);
                    mTab3.setImageDrawable(getResources().getDrawable(R.drawable.tab_find_frd_normal));
                }
                break;
            };
            currIndex = arg0;
            anim.setFillAfter(true);
            anim.setDuration(150);
            mTabImg.startAnimation(anim);
        }
        
    }
//    @Override
//    public boolean onKeyDown(int keyCode, KeyEvent event) {
//        if (keyCode == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == 0) {//获取back键
//            if (menu_display == true) {//如果退出界面已存在，界面消失
//                menuWindow.dismiss();
//                menu_display = false;
//            }else {
//                Intent intent = new Intent();
//                intent.setClass(MainWeixinActivity.this,ExitActivity.class);
//                startActivity(intent);
//            }
//        }else if (keyCode == KeyEvent.KEYCODE_MENU) {//菜单键
//            if (menu_display == false) {
//                //点菜单键 ，弹出popupwindow(退出)
//                inflater = LayoutInflater.from(this);
//                layout = inflater.inflate(R.layout.main_menu, null);
//                //添加布局
//                menuWindow = new PopupWindow(layout, LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT);
//                //设置布局在popupwindow中的位置
//                menuWindow.showAtLocation(layout, Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL, 0, 0);
//                mClose = (LinearLayout) layout.findViewById(R.id.menu_close);
//                mCloseBtn = (LinearLayout) layout.findViewById(R.id.menu_close_btn);
//                mCloseBtn.setOnClickListener(new OnClickListener() {
//                    
//                    @Override
//                    public void onClick(View v) {
//                        Intent intent = new Intent();
//                        intent.setClass(MainWeixinActivity.this,ExitActivity.class);
//                        startActivity(intent);
//                        menuWindow.dismiss();
//                    }
//                });
//                menu_display = true;
//            }else {
//                menuWindow.dismiss();
//                menu_display = false;
//            }
//            return false;
//        }
//        return false;
//    }
    
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event){
        if(keyCode == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == 0){
            if(menu_display){
                menuWindow.dismiss();
                menu_display = false;
            }else {
                Intent intent = new Intent();
                intent.setClass(MainWeixinActivity.this,ExitActivity.class);
                startActivity(intent);
            }
        }else if(keyCode == KeyEvent.KEYCODE_MENU){
            if(menu_display == false){
                //点菜单键 ，弹出popupwindow(退出)
                inflater = LayoutInflater.from(MainWeixinActivity.this);
                layout = inflater.inflate(R.layout.main_menu, null);
                //添加布局
                menuWindow = new PopupWindow(layout,  LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT);
                menuWindow.showAtLocation(layout, Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL, 0, 0);
                mClose = (LinearLayout) layout.findViewById(R.id.menu_close);
                mCloseBtn = (LinearLayout) layout.findViewById(R.id.menu_close_btn);
                mCloseBtn.setOnClickListener(new OnClickListener() {
                    
                    @Override
                    public void onClick(View v) {
                        Intent intent = new Intent();
                        intent.setClass(MainWeixinActivity.this,ExitActivity.class);
                        startActivity(intent);
                        menuWindow.dismiss();
                    }
                });
                menu_display = true;
                
            }else {
                menuWindow.dismiss();
                menu_display = false;
            }
            return false;
        }
        return false;
    }
    
    public class myOnClickListener implements OnClickListener{
        int index = 0;
        public myOnClickListener(int i) {
            this.index = i;
        }
        @Override
        public void onClick(View v) {
            mTabPager.setCurrentItem(index);
        }
    }
    
    //设置标题栏右侧按钮的作用
        public void btnmainright(View v) {  
            Intent intent = new Intent (MainWeixinActivity.this,MainTopRightDialog.class);            
            startActivity(intent);    
            //Toast.makeText(getApplicationContext(), "点击了功能按钮", Toast.LENGTH_LONG).show();
          }      
        public void startchat(View v) {      //小黑  对话界面
            Intent intent = new Intent (MainWeixinActivity.this,ChatActivity.class);            
            startActivity(intent);    
            //Toast.makeText(getApplicationContext(), "登录成功", Toast.LENGTH_LONG).show();
          }  
        public void exit_settings(View v) {                           //退出  伪“对话框”，其实是一个activity
            Intent intent = new Intent (MainWeixinActivity.this,ExitFromSettings.class);            
            startActivity(intent);    
         }
        public void btn_shake(View v) {                                   //手机摇一摇
            Intent intent = new Intent (MainWeixinActivity.this,ShakeActivity.class);            
            startActivity(intent);    
        }
        public void settings_information(View v) {                         //个人信息
            Intent intent = new Intent(MainWeixinActivity.this,InformationActivity.class);
            startActivity(intent);
        }
}