TabLayout与ViewPager与viewFlipper的使用

1.主界面

package com.fsg.thinkpad.myapplication;

import android.content.Intent;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.Menu;
import android.view.MenuItem;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageButton;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.Toast;
import android.widget.ViewFlipper;

import java.util.ArrayList;
import java.util.List;

public class Homework2Activity extends AppCompatActivity implements View.OnTouchListener{
TabLayout tabLayout;
ViewPager viewPager;
ImageButton imageButton;
int[] images;
ViewFlipper viewFlipper;
GestureDetector gestureDetector; //捕捉手势

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_homework2);

tabLayout=(TabLayout)findViewById(R.id.tabs);
viewPager=(ViewPager)findViewById(R.id.viewpager);
viewFlipper=(ViewFlipper)findViewById(R.id.viewFlipper);
images=new int[]{R.mipmap.f1,R.mipmap.f2,R.mipmap.f3,R.mipmap.f4};

//显示tab
startupViewPager();
//动态添加图片
for (int i=0;i<images.length;i++){
viewFlipper.addView(getImageView(images[i]));
}
viewFlipper.startFlipping();
viewFlipper.setOnTouchListener(this);
gestureDetector=new GestureDetector(new SimpleGestureListener());

imageButton=(ImageButton)findViewById(R.id.imageButton2);
imageButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String action = "android.media.action.IMAGE_CAPTURE";
Intent intent = new Intent(action);
startActivity(intent);

}
});
}

private ImageView getImageView(int id) {
ImageView imageView=new ImageView(this);
imageView.setImageResource(id);
return imageView;
}

private void startupViewPager() {
List<String> titles=new ArrayList<String>();
titles.add("词典");
titles.add("百科");
titles.add("翻译");
titles.add("发现");
titles.add("我的");

List<Fragment> mFragmentList=new ArrayList<Fragment>();
for (int i=0;i<titles.size();i++){
tabLayout.addTab(tabLayout.newTab().setText(titles.get(i)));
mFragmentList.add(new MyFragmentActivityFragment());
}
FragmentAdapter adapter=new FragmentAdapter(getSupportFragmentManager(),titles,mFragmentList);
viewPager.setAdapter(adapter);
tabLayout.setupWithViewPager(viewPager);
tabLayout.setTabsFromPagerAdapter(adapter);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_homework2, menu);
return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();

//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
return true;
}

return super.onOptionsItemSelected(item);
}

@Override
public boolean onTouch(View v, MotionEvent event) {
return gestureDetector.onTouchEvent(event);
}
class SimpleGestureListener extends GestureDetector.SimpleOnGestureListener{

final int FLING_MIN_DISTANCE = 100, FLING_MIN_VELOCITY = 200;
public boolean onDown(MotionEvent e) {
// Toast.makeText(Homework2Activity.this, "ondown", Toast.LENGTH_SHORT).show();
return true;
}

@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
//fling left
if ((e1.getX()-e2.getX()>FLING_MIN_DISTANCE)&&Math.abs(velocityX)>FLING_MIN_VELOCITY){
viewFlipper.setInAnimation(getApplicationContext(), R.anim.abc_fade_in);
viewFlipper.setOutAnimation(getApplicationContext(), R.anim.abc_fade_out);
viewFlipper.showNext();
}else if((e2.getX()-e1.getX()>FLING_MIN_DISTANCE)&&Math.abs(velocityX)>FLING_MIN_VELOCITY){
viewFlipper.setInAnimation(getApplicationContext(), R.anim.abc_fade_in);
viewFlipper.setOutAnimation(getApplicationContext(), R.anim.abc_fade_out);

viewFlipper.showPrevious();

}else {
return false;
}
return true;
}
}
}


2.布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.fsg.thinkpad.myapplication.Homework2Activity">

<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#000000"
app:tabTextColor="#ffffff"
app:tabSelectedTextColor="#ffffff"

></android.support.design.widget.TabLayout>

<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content">

<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content">

<ViewFlipper
android:id="@+id/viewFlipper"
android:layout_width="fill_parent"
android:layout_height="240dp"
android:minHeight="270dp"
android:flipInterval="3000"
android:layout_marginTop="-20dp"></ViewFlipper>
</LinearLayout>

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:orientation="horizontal"
android:layout_marginTop="140dp"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:background="#fffffb">

<ImageButton
android:id="@+id/imageButton2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/camera"
android:background="#fffffb"
android:layout_marginRight="17dp"
android:layout_marginEnd="17dp"
android:layout_alignTop="@+id/editText4"
android:layout_toLeftOf="@+id/imageButton3"
android:layout_toStartOf="@+id/imageButton3" />

<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageButton3"
android:src="@mipmap/partition_line"
android:background="#fffffb"
android:layout_marginRight="28dp"
android:layout_marginEnd="28dp"
android:layout_centerVertical="true"
android:layout_toLeftOf="@+id/editText4"
android:layout_toStartOf="@+id/editText4" />

<EditText
android:id="@+id/editText4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:hint="在此输入要翻译的文本"
android:layout_marginRight="46dp"
android:layout_marginEnd="46dp"
android:background="@null"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" />

</RelativeLayout>

</RelativeLayout>

<TextView
android:layout_width="fill_parent"
android:layout_height="0dp"
android:textColor="#000000"
android:background="#48020102" />

&l
4000
t;android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="-20dp"></android.support.v4.view.ViewPager>

</LinearLayout>