使用GridView和ActivityGroup实现tab切换

弄了一整天总算把这种效果弄出来了。

附上demo下载链接   点击打开链接

  先上张效果图:

点击下面4个按钮,是中间的布局跳转.

下方的布局是一个GridView，中间一个LinearLayout.

代码:

main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent" android:layout_height="fill_parent"android:orientation="vertical" android:background="#EBF1DE"android:id="@+id/mainLayout" ><LinearLayout android:id="@+id/center"android:layout_width="fill_parent" android:layout_height="wrap_content"android:layout_below="@+id/lin"/>   <GridView    android:id="@+id/grid_view"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_alignParentBottom="true"    android:layout_gravity= "bottom"    android:numColumns="4"    android:horizontalSpacing="10dp"    android:gravity="center_horizontal"    android:background="@drawable/maintab_toolbar_bg"></GridView></RelativeLayout>

对于gridView中数据项的xml:

item.xml:

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  android:orientation="vertical"  android:layout_width="wrap_content"  android:layout_height="wrap_content">  <ImageView  android:id="@+id/item_iamge"  android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:layout_gravity="center_horizontal"  />  <TextView  android:id="@+id/item_text"  android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:layout_gravity="center_horizontal"  android:textSize="10.0dip"/></LinearLayout>

关键是主Activity要继承自ActivityGroup

MainActivity:

public class MainActivity extends ActivityGroup{private int selected;public LinearLayout container;@Overridepublic void onCreate(Bundle savedInstanceState){super.onCreate(savedInstanceState);super.setContentView(R.layout.main);container = (LinearLayout)findViewById(R.id.center);ArrayList<HashMap<String, Object>> menu_data = new ArrayList<HashMap<String,Object>>();int[] images = { R.drawable.home, R.drawable.publish,R.drawable.change,R.drawable.more };String[] menu_texts = { "主页", "发布", "随便看看","更多" };for(int i=0;i<images.length;i++){HashMap<String, Object> map = new HashMap<String, Object>();map.put("menu_image", images[i]);map.put("menu_text", menu_texts[i]);menu_data.add(map);}GridView gv = (GridView)findViewById(R.id.grid_view);SimpleAdapter adapter = new SimpleAdapter(this, menu_data,R.layout.item, new String[] { "menu_image", "menu_text" },new int[] { R.id.item_iamge, R.id.item_text });gv.setAdapter(adapter);switchActivity(selected);gv.setOnItemClickListener(new OnItemClickListener(){@Overridepublic void onItemClick(AdapterView<?> parent, View view,int position, long id) {if(selected == position){return;}selected = position;switchActivity(selected);}});}public void switchActivity(int selected){container.removeAllViews();Intent intent = null;String tag = "";if(selected==0){intent = new Intent(MainActivity.this, TabActivity01.class);tag = "tabActivity01";}else if(selected==1){intent = new Intent(MainActivity.this, TabActivity02.class);tag = "tabActivity02";}else if(selected==2){intent = new Intent(MainActivity.this,TabActivity01.class);tag = "tabActivity03";}else if(selected==3){intent = new Intent(MainActivity.this, TabActivity02.class);tag = "tabActivity04";} Window subActivity = getLocalActivityManager().startActivity(tag,intent);          //容器添加View           container.addView(subActivity.getDecorView(),                  LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);  }}

主要的代码就这些，其他的Activity可以自己随便写。