随着APP的数据越来越大,一块屏幕已经不够用了,于是就有了类似Windows选项卡一样的东西。实现这种效果方法很多,经过我多方百度,发现网友提供的方法比较麻烦,还是自定义构造比较简单,(源码见文章末尾)效果如下:
布局:
复制
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <LinearLayout android:layout_width="match_parent" android:layout_height="50dip" android:background="#00B28C" android:orientation="horizontal" > <RelativeLayout android:layout_width="0px" android:layout_height="match_parent" android:layout_weight="3" > <TextView android:id="@+id/title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:clickable="false" android:text="美 图 集" android:textColor="@android:color/white" android:textSize="20dp" /> </RelativeLayout> </LinearLayout> <FrameLayout android:id="@+id/conter" android:layout_width="match_parent" android:layout_height="313dp" android:layout_weight="0.99" > </FrameLayout> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="#000000"/> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center" android:orientation="vertical" > <ImageView android:id="@+id/shouye" android:layout_width="40dp" android:layout_height="40dp" android:background="@drawable/shouye2" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="最新" /> </LinearLayout> <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center" android:orientation="vertical" > <ImageView android:id="@+id/pic" android:layout_width="40dp" android:layout_height="40dp" android:background="@drawable/pic1" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="套图" /> </LinearLayout> <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center" android:orientation="vertical" > <ImageView android:id="@+id/vido" android:layout_width="40dp" android:layout_height="40dp" android:background="@drawable/viode1" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="视频" /> </LinearLayout> <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center" android:orientation="vertical" > <ImageView android:id="@+id/set" android:layout_width="40dp" android:layout_height="40dp" android:background="@drawable/settiing1" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="设置" /> </LinearLayout> </LinearLayout> </LinearLayout>
切换逻辑是在Java代码中实现的:
复制
package com.daimadog.pictuji; import android.app.Activity; import android.app.FragmentManager; import android.app.FragmentTransaction; import android.graphics.drawable.Drawable; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.view.Window; import android.widget.ImageView; import android.widget.TextView; public class ZhuActivity extends Activity implements OnClickListener{ private ImageView shouyeImageView; private ImageView picImageView; private ImageView vidoImageView; private ImageView setImageView; private TextView titleTextView; private FragmentManager fragmentManager; private FragmentTransaction fragmentTransaction; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.zhu_layout); //初始化ui insertui(); fragmentManager=getFragmentManager(); fragmentTransaction=fragmentManager.beginTransaction(); zuixin_fragment zuixinfragment=new zuixin_fragment(); fragmentTransaction.add(R.id.conter, zuixinfragment); fragmentTransaction.commit(); } ////初始化ui函数 public void insertui() { shouyeImageView=(ImageView) this.findViewById(R.id.shouye); picImageView=(ImageView) this.findViewById(R.id.pic); vidoImageView=(ImageView) this.findViewById(R.id.vido); setImageView=(ImageView) this.findViewById(R.id.set); titleTextView=(TextView) this.findViewById(R.id.title); shouyeImageView.setOnClickListener(this); picImageView.setOnClickListener(this); vidoImageView.setOnClickListener(this); setImageView.setOnClickListener(this); } @Override public void onClick(View v) { // TODO Auto-generated method stub if (v==shouyeImageView) { if (!titleTextView.getText().toString().equals("最新")) { shouyeImageView.setImageDrawable(getResources().getDrawable(R.drawable.shouye2)); picImageView.setImageDrawable(getResources().getDrawable(R.drawable.pic1)); vidoImageView.setImageDrawable(getResources().getDrawable(R.drawable.viode1)); setImageView.setImageDrawable(getResources().getDrawable(R.drawable.settiing1)); titleTextView.setText("美图集"); fragmentManager=getFragmentManager(); fragmentTransaction=fragmentManager.beginTransaction(); zuixin_fragment zuixinfragment=new zuixin_fragment(); fragmentTransaction.replace(R.id.conter, zuixinfragment); fragmentTransaction.commit(); } } if (v==picImageView) { if (!titleTextView.getText().toString().equals("套图")) { picImageView.setImageDrawable(getResources().getDrawable(R.drawable.pic2)); shouyeImageView.setImageDrawable(getResources().getDrawable(R.drawable.shouye1)); vidoImageView.setImageDrawable(getResources().getDrawable(R.drawable.viode1)); setImageView.setImageDrawable(getResources().getDrawable(R.drawable.settiing1)); titleTextView.setText("套图"); fragmentManager=getFragmentManager(); fragmentTransaction=fragmentManager.beginTransaction(); pic_fragment picfragment=new pic_fragment(); fragmentTransaction.replace(R.id.conter, picfragment); fragmentTransaction.commit(); } } if (v==vidoImageView) { if (!titleTextView.getText().toString().equals("视频")) { vidoImageView.setImageDrawable(getResources().getDrawable(R.drawable.viode2)); shouyeImageView.setImageDrawable(getResources().getDrawable(R.drawable.shouye1)); picImageView.setImageDrawable(getResources().getDrawable(R.drawable.pic1)); setImageView.setImageDrawable(getResources().getDrawable(R.drawable.settiing1)); titleTextView.setText("视频"); fragmentManager=getFragmentManager(); fragmentTransaction=fragmentManager.beginTransaction(); vido_fragment vidofragment=new vido_fragment(); fragmentTransaction.replace(R.id.conter, vidofragment); fragmentTransaction.commit(); } } if (v==setImageView) { if (!titleTextView.getText().toString().equals("设置")) { setImageView.setImageDrawable(getResources().getDrawable(R.drawable.setting2)); shouyeImageView.setImageDrawable(getResources().getDrawable(R.drawable.shouye1)); picImageView.setImageDrawable(getResources().getDrawable(R.drawable.pic1)); vidoImageView.setImageDrawable(getResources().getDrawable(R.drawable.viode1)); titleTextView.setText("设置"); fragmentManager=getFragmentManager(); fragmentTransaction=fragmentManager.beginTransaction(); set_fragment setFragment=new set_fragment(); fragmentTransaction.replace(R.id.conter,setFragment ); fragmentTransaction.commit(); } } } }
页面切换是用的fragment。
评论 (0)