Android使用supportv7包实现网易云音乐首页titlebar

先上titlebar原图：

1.import android-support-v7-appcompat工程，设置成library。新建工程并将v7包导入。

Activity部分代码

public class MainActivity extends ActionBarActivity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
}
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
	    // Inflate the menu
	    getMenuInflater().inflate(R.menu.main_menu, menu);
	    return super.onCreateOptionsMenu(menu);
	}
}

main_menu：

效果图：

去掉左侧的图标和文字：

public class MainActivity extends ActionBarActivity {
	private ActionBar mActionBar;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		this.mActionBar = this.getSupportActionBar();
		this.mActionBar.setDisplayOptions(0);//去掉左侧的应用图标和文字
	}
}

通过修改style文件改变titlebar的背景：

效果图：

添加tab，代码如下

public class MainActivity extends ActionBarActivity {
	private ActionBar mActionBar;
	private FragmentManager mFragmentManager;
	private Fragment[] fragments = new Fragment[3];
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		this.mActionBar = this.getSupportActionBar();
		this.mActionBar.setDisplayOptions(0);
		this.mActionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
		for( int i = 0; i < 3; i ++ ) {
			View view = View.inflate(this, R.layout.imageview_item, null);
			ImageView imageView = (ImageView) view.findViewById(R.id.iv);
			if(i == 0)imageView.setImageResource(R.drawable.selector1);
			if(i == 1)imageView.setImageResource(R.drawable.selector2);
			if(i == 2)imageView.setImageResource(R.drawable.selector3);
			this.mActionBar.addTab(this.mActionBar.newTab().setText(i + "").setCustomView(view).setTabListener(tabListener));
		}
	}
}

效果：

将tab按钮设置到顶部需要反射setHasEmbeddedTabs方法，代码如下：

public class ActionBarHelper {
	public static void enableEmbeddedTabs(ActionBar actionBar){
		
        if (actionBar instanceof ActionBarImplJBMR2) {
            //enableEmbeddedTabs(actionBar, true);
        	try {
                Field actionBarField = actionBar.getClass().getSuperclass().getSuperclass().getDeclaredField("mActionBar");
                actionBarField.setAccessible(true);
                enableEmbeddedTabs(actionBarField.get(actionBar), true);
            } catch (Exception e) {
                e.printStackTrace();
            }
        } else if (actionBar instanceof ActionBarImplJB) {
            try {
                Field actionBarField = actionBar.getClass().getSuperclass().getDeclaredField("mActionBar");
                actionBarField.setAccessible(true);
                enableEmbeddedTabs(actionBarField.get(actionBar), true);
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    }

    private static void enableEmbeddedTabs(Object actionBar, boolean flag) {
        try {
            Method setHasEmbeddedTabsMethod = actionBar.getClass().getDeclaredMethod("setHasEmbeddedTabs", boolean.class);
            setHasEmbeddedTabsMethod.setAccessible(true);
            setHasEmbeddedTabsMethod.invoke(actionBar, true);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

在Activity中调用此函数，可以将tab按钮设置到顶部，效果：

通过style文件设置tab的选项卡，图标的位置：

最终效果：

源码