仿照网易云音乐界面 ，页面UI实现的听不错的，学习ui的朋友可以下载下来研究研究，android特效更多学习。

项目大体框架，由ViewPager和TabContentPagerAdapter实现顶部的左右滑动切换view.

右侧滑动DrawerLayout 实现左右滑动。

项目大体实现：

package me.xoder.neteasy.activity;

import android.app.ActionBar;

import android.app.FragmentTransaction;

import android.content.res.TypedArray;

import android.graphics.Color;

import android.os.Bundle;

import android.support.v4.app.FragmentActivity;

import android.support.v4.view.ViewPager;

import android.support.v4.widget.DrawerLayout;

import android.util.Log;

import android.view.Gravity;

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

import android.widget.ImageView;

import java.lang.reflect.Method;

import me.xoder.neteasy.R;

import me.xoder.neteasy.adapter.TabContentPagerAdapter;

public class MainActivity extends FragmentActivity {

private ViewPager mViewPager;

private DrawerLayout slideMenu;

private ActionBar actionBar;

private TabContentPagerAdapter mPagerAdapter;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

actionBar = getActionBar();

mViewPager = (ViewPager) findViewById(R.id.view_pager);

slideMenu = (DrawerLayout) findViewById(R.id.slide_menu);

slideMenu.setScrimColor(Color.argb(50, 0, 0, 0));

mPagerAdapter = new TabContentPagerAdapter(getSupportFragmentManager());

mViewPager.setAdapter(mPagerAdapter);

mViewPager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {

@Override

public void onPageSelected(int position) {

actionBar.setSelectedNavigationItem(position);

}

});

actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

ActionBar.TabListener tabListener = new ActionBar.TabListener() {

@Override

public void onTabSelected(ActionBar.Tab tab, FragmentTransaction ft) {

mViewPager.setCurrentItem(tab.getPosition());

}

@Override

public void onTabUnselected(ActionBar.Tab tab, FragmentTransaction ft) {

}

@Override

public void onTabReselected(ActionBar.Tab tab, FragmentTransaction ft) {

}

};

TypedArray tabIconIds = getResources().obtainTypedArray(R.array.actionbar_icons);

for (int i = 0; i

View view = getLayoutInflater().inflate(R.layout.actionbar_tab, null);

ImageView tabIcon = (ImageView) view.findViewById(R.id.actionbar_tab_icon);

tabIcon.setImageResource(tabIconIds.getResourceId(i, -1));

actionBar.addTab(actionBar.newTab().setCustomView(view).setTabListener(tabListener));

}

enableEmbeddedTabs(actionBar);

}

/**

* 在actionbar中内嵌Tab

*

* @param actionBar actionbar

*/

private void enableEmbeddedTabs(android.app.ActionBar actionBar) {

try {

Method setHasEmbeddedTabsMethod = actionBar.getClass().getDeclaredMethod("setHasEmbeddedTabs", boolean.class);

setHasEmbeddedTabsMethod.setAccessible(true);

setHasEmbeddedTabsMethod.invoke(actionBar, true);

} catch (Exception e) {

Log.v("enableEmbeddedTabs", e.getMessage().toString());

}

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

getMenuInflater().inflate(R.menu.menu_main, menu);

return true;

}

@Override

public boolean onOptionsItemSelected(MenuItem item) {

int id = item.getItemId();

if (id == R.id.action_search) {

// TODO: 2015-07-25 搜索界面

} else if (id == R.id.action_menu) {

// TODO: 2015-07-25 菜单选择

if (slideMenu.isDrawerOpen(Gravity.RIGHT)) {

slideMenu.closeDrawer(Gravity.RIGHT);

} else {

slideMenu.openDrawer(Gravity.RIGHT);

}

}

return true;

}

}

//

package me.xoder.neteasy.activity;

import android.annotation.TargetApi;

import android.app.ActionBar;

import android.os.Build;

import android.os.Bundle;

import android.support.v4.app.Fragment;

import android.support.v4.app.FragmentActivity;

import android.support.v4.app.FragmentTransaction;

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

import android.widget.FrameLayout;

import me.xoder.neteasy.R;

import me.xoder.neteasy.fragment.discover.fm.CoverFragment;

import me.xoder.neteasy.fragment.discover.fm.LyricFragment;

/**

* Created by alex.lee on 2015-07-29.

*/

public class PersonalFMActivity extends FragmentActivity {

private ActionBar actionBar;

private Fragment fgTo;

private Fragment fgCover;

private Fragment fgLyric;

private boolean fgFlag = false;

private FrameLayout frameContainer;

@TargetApi(Build.VERSION_CODES.JELLY_BEAN_MR2)

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_personal_fm);

actionBar = getActionBar();

actionBar.setTitle("私人FM");

actionBar.setDisplayShowTitleEnabled(true);

actionBar.setDisplayUseLogoEnabled(true);

actionBar.setDisplayHomeAsUpEnabled(true);

actionBar.setDisplayShowHomeEnabled(true);

actionBar.setLogo(R.drawable.actionbar_logo);

actionBar.setHomeAsUpIndicator(R.drawable.rdi_icn_arr);

if (fgCover == null) {

fgCover = new CoverFragment();

}

if (!fgCover.isAdded()) {

getSupportFragmentManager().beginTransaction().add(R.id.frame_fm_container, fgCover, CoverFragment.class.getSimpleName()).commit();

}

fgTo = fgCover;

frameContainer = (FrameLayout) findViewById(R.id.frame_fm_container);

frameContainer.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

if (fgFlag) {

if (fgCover == null) {

fgCover = new CoverFragment();

}

switchFragment(fgTo, fgCover);

} else {

if (fgLyric == null) {

fgLyric = new LyricFragment();

}

switchFragment(fgTo, fgLyric);

}

fgFlag = !fgFlag;

}

});

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

getMenuInflater().inflate(R.menu.menu_personal_fm, menu);

return true;

}

@Override

public boolean onOptionsItemSelected(MenuItem item) {

int id = item.getItemId();

switch (id) {

case android.R.id.home:

finish();

break;

}

return true;

}

public void switchFragment(Fragment from, Fragment to) {

if (from == null || to == null || from == to) {

return;

}

FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();

transaction.setCustomAnimations(R.anim.abc_fade_in, R.anim.abc_fade_out);

if (!to.isAdded()) {

// 隐藏当前的fragment，add下一个到Activity中

transaction.hide(from).add(R.id.frame_fm_container, to).commit();

} else {

// 隐藏当前的fragment，显示下一个

transaction.hide(from).show(to).commit();

}

fgTo = to;

}

}

文章来源《IT蓝豹》android特效技术分享网站