Android实现淘宝商品列表切换效果

<?xml version="1.0" encoding="utf-8"?>
<framelayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="3dp"
tools:context="com.example.a3_.mainactivity">

<button
 android:id="@+id/change"
 android:text="切换布局"
 android:textsize="20dp"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content" />
<listview
 android:id="@+id/lv"
 android:layout_width="match_parent"
 android:layout_height="match_parent">
</listview>

<gridview
 android:id="@+id/gv"
 android:numcolumns="2"
 android:visibility="gone"
 android:layout_width="match_parent"
 android:layout_height="match_parent">
</gridview>
</framelayout>

package com.example.a3_;

import android.support.v7.app.appcompatactivity;
import android.os.bundle;
import android.view.view;
import android.view.viewgroup;
import android.widget.baseadapter;
import android.widget.button;
import android.widget.gridview;
import android.widget.listview;

public class mainactivity extends appcompatactivity {

private listview lv;
private gridview gv;
private button button;
//设置默认的显示或隐藏
private boolean islvshow = true;
private boolean isgvshow = false;
@override
protected void oncreate(bundle savedinstancestate) {
 super.oncreate(savedinstancestate);
 setcontentview(r.layout.activity_main);

 //初始化控件
 lv = (listview) findviewbyid(r.id.lv);
 gv = (gridview) findviewbyid(r.id.gv);
 button = (button) findviewbyid(r.id.change);

 //设置适配器
 lv.setadapter(new myadapter());
 gv.setadapter(new myadapter());

 //为按钮设置点击事件
 button.setonclicklistener(new view.onclicklistener() {
  @override
  public void onclick(view v) {
   if (islvshow){
    lv.setvisibility(view.gone);
    gv.setvisibility(view.visible);
   }else {
    lv.setvisibility(view.visible);
    gv.setvisibility(view.gone);
   }

   //对显示或隐藏进行取反
   islvshow = !islvshow;
   isgvshow = !isgvshow;
  }
 });
}

class myadapter extends baseadapter{

 @override
 public int getcount() {
  return 20;
 }

 @override
 public object getitem(int position) {
  return null;
 }

 @override
 public long getitemid(int position) {
  return 0;
 }

 @override
 public view getview(int position, view convertview, viewgroup parent) {

  //为listview设置布局
  if (convertview==null){
   convertview = view.inflate(getapplicationcontext(),r.layout.item,null);
  }
  return convertview;
 }
}
}