FragmentActivity_左右滑动的碎片

2022-09-16 17:17:59

test1.xml

<?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="wrap_content">

        <TextView 

            android:layout_width="match_parent"

            android:layout_height="45dp"

            android:gravity="center"

            android:background="#4ADF2B"

            android:textColor="#ffffff"

           android:textSize="20dp"

            android:text="悦动"

            />

    </LinearLayout>

 <LinearLayout

            android:layout_width="match_parent"

            android:layout_height="match_parent">

     <ImageView 

         android:layout_width="match_parent"

        android:background="@drawable/yuedong22"

         android:layout_height="match_parent"

         />

 </LinearLayout>

</LinearLayout>

Activity_text1.java要继承Fragment 跟上面test1.xml进行适配

package com.example.speed_app;

import android.os.Bundle;

import android.support.annotation.Nullable;

import android.support.v4.app.Fragment;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

public class Activity_text1 extends Fragment{

  @Override

public View onCreateView(LayoutInflater inflater,

        @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

    // TODO Auto-generated method stub

      View view = inflater.inflate(R.layout.text1, container,false);

    return view;

}

}

上面的Activity_text1.java 和 test1.xml双双多个这里就弄一个，我的项目弄了多个因为都是一样的方法

上面准备好了

接下来才是我们要去实现的

caidan_dibu.xml

<?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="horizontal" >

      <RadioGroup

        android:id="@+id/radioGroup1"

        android:layout_width="match_parent"

        android:layout_height="60dp"

        android:orientation="horizontal"

        android:gravity="center">

         <RadioButton

             android:id="@+id/radioButton1"

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:layout_weight="1"

             android:button="@null"

             android:checked="true"

             android:drawableTop="@drawable/ledong"

             android:gravity="center"

             android:textColor="@drawable/color"

             android:text="悦动" />

    <RadioButton

        android:id="@+id/radioButton2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:drawableTop="@drawable/tiaozhan"

        android:button="@null"

        android:textColor="@drawable/color"

        android:text="挑战" 

        android:gravity="center"

        />

    <RadioButton

        android:id="@+id/radioButton3"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:button="@null"

        android:drawableTop="@drawable/faxian"

        android:gravity="center"

        android:textColor="@drawable/color"

        android:text="发现" />

    <RadioButton

        android:id="@+id/radioButton4"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:button="@null"

        android:drawableTop="@drawable/quanz"

        android:text="圈子"

        android:textColor="@drawable/color"

        android:gravity="center"

        />

    <RadioButton

       android:id="@+id/radioButton5"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:button="@null"

         android:textColor="@drawable/color"

        android:drawableTop="@drawable/wo3"

        android:text="我"

        android:gravity="center"

        />

    </RadioGroup>

</LinearLayout>

结果图：

home.xml

<?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="wrap_content"

         android:layout_weight="1"

    >

       <android.support.v4.view.ViewPager   //这个是一个v4包，这个包放在你要切换布局里面在下图的框里

          android:id="@+id/vp"

          android:layout_width="match_parent"

          android:layout_height="match_parent"

          android:flipInterval="30"

          android:persistentDrawingCache="animation" />

       </LinearLayout>

    <LinearLayout

         android:layout_width="match_parent"

         android:layout_height="wrap_content">

    <include layout="@layout/caidan_dibu"/>

   </LinearLayout>

</LinearLayout>

结果：

MyFragmentPagerAdapter.java 实现适配器

package com.example.speed_app;

import java.util.List;

import android.support.v4.app.Fragment;

import android.support.v4.app.FragmentManager;

import android.support.v4.app.FragmentStatePagerAdapter;

//FragmentPagerAdapter是Android-support-v4支持包里面出现的一个新的适配器

public class MyFragmentPagerAdapter extends FragmentStatePagerAdapter {

    private FragmentManager fragmentManager;

    private List<Fragment> fragmentList;

    public MyFragmentPagerAdapter(FragmentManager fragmentManager,List<Fragment> fragmentList) {

        super(fragmentManager);

        this.fragmentManager = fragmentManager;

        this.fragmentList = fragmentList;

    }

    @Override

    public Fragment getItem(int arg0) {

        // TODO Auto-generated method stub

        return fragmentList.get(arg0);

    }

    @Override

    public int getCount() {

        // TODO Auto-generated method stub

        return fragmentList.size();

    }

}

Activity_home.java 要继承FragmentActivity

package com.example.speed_app;

import java.util.ArrayList;

import java.util.List;

import android.graphics.Color;

import android.graphics.drawable.Drawable;

import android.os.Bundle;

import android.support.v4.app.Fragment;

import android.support.v4.app.FragmentActivity;

import android.support.v4.app.FragmentManager;

import android.support.v4.app.FragmentTransaction;

import android.support.v4.view.ViewPager;

import android.support.v4.view.ViewPager.OnPageChangeListener;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.animation.Animation;

import android.view.animation.TranslateAnimation;

import android.widget.RadioButton;

public class Activity_home extends FragmentActivity{

        private int currIndex;//记录滑动的第几个

        private ViewPager viewPager;//ViewPager滚动功能

        private List<Fragment> fragmentList;//一共有多少个Fragment集合

        private RadioButton radioButton1,radioButton2,radioButton3,radioButton4,radioButton5;

        @Override

       protected void onCreate(Bundle savedInstanceState) {

         // TODO Auto-generated method stub

         super.onCreate(savedInstanceState);

         setContentView(R.layout.home);

         //z初始化 viewpager

         viewPager = (ViewPager) findViewById(R.id.vp);

         fragmentList = new ArrayList<Fragment>();

         Fragment fragment1 = new Activity_text1();//滑动页面的布局1

         Fragment fragment2 = new Activity_text2();//滑动页面的布局2

         Fragment fragment3 = new Activity_text3();//滑动页面的布局3

         Fragment fragment4 = new Activity_text4();//滑动页面的布局4

         Fragment fragment5 = new Activity_text5();//滑动页面的布局5

         fragmentList.add(fragment1);//添加到集合保存

         fragmentList.add(fragment2);//添加到集合保存

         fragmentList.add(fragment3);//添加到集合保存

         fragmentList.add(fragment4);//添加到集合保存

         fragmentList.add(fragment5);//添加到集合保存

         //FragmentManager能够实现管理activity中fragment. 通过调用activity的getFragmentManager()取得它的实例

         FragmentManager fragmentManager = getSupportFragmentManager();//V4的包

         //FragmentPagerAdapter类

         MyFragmentPagerAdapter pagerAdapter = new MyFragmentPagerAdapter(fragmentManager, fragmentList);

         viewPager.setAdapter(pagerAdapter);

        viewPager.setCurrentItem(0);//默认从第1个开始 也就是Activity_text1()这个Fragment开始

        viewPager.setOnPageChangeListener(new OnPageChangeListener() {

            @Override

            public void onPageSelected(int arg0) {

                // TODO Auto-generated method stub

                //Animation animation = new TranslateAnimation(0,0,0,0);

                //animation.setFillAfter(true);

                currIndex = arg0;//获取目前滑动的坐标

                radioButton1 = (RadioButton) findViewById(R.id.radioButton1);

                radioButton2 = (RadioButton) findViewById(R.id.radioButton2);

                radioButton3 = (RadioButton) findViewById(R.id.radioButton3);

                radioButton4 = (RadioButton) findViewById(R.id.radioButton4);

                radioButton5 = (RadioButton) findViewById(R.id.radioButton5);

                switch (arg0) {

                case 0:

                    radioButton1.setChecked(true);//如果是0坐标，那radioButton1这个单选按钮为true，也就是点击状态

                    break;

                case 1:

                    radioButton2.setChecked(true);

                    break;

                case 2:

                    radioButton3.setChecked(true);

                    break;

                case 3:

                    radioButton4.setChecked(true);

                    break;

                case 4:

                    radioButton5.setChecked(true);

                    break;

                default:

                    break;

                }

            }

            @Override

            public void onPageScrolled(int arg0, float arg1, int arg2) {

            }

            @Override

            public void onPageScrollStateChanged(int arg0) {

            }

        });

        //下面可以通过点击radioButton按钮实现切换页面

        radioButton1 = (RadioButton) findViewById(R.id.radioButton1);

        radioButton2 = (RadioButton) findViewById(R.id.radioButton2);

        radioButton3 = (RadioButton) findViewById(R.id.radioButton3);

        radioButton4 = (RadioButton) findViewById(R.id.radioButton4);

        radioButton5 = (RadioButton) findViewById(R.id.radioButton5);

        radioButton1.setOnClickListener(new OnClickListener() {

            @Override

            public void onClick(View v) {

                viewPager.setCurrentItem(0);//这个0代表坐标，但点击radioButton1这个按钮之后会显示坐标为0的页面也就是 Activity_text1()

            }

        });

        radioButton2.setOnClickListener(new OnClickListener() {

            @Override

            public void onClick(View v) {

                viewPager.setCurrentItem(1);//这个1代表坐标，但点击radioButton1这个按钮之后会显示坐标为0的页面也就是 Activity_text2()

            }

        });

        radioButton3.setOnClickListener(new OnClickListener() {

            @Override

            public void onClick(View v) {

                viewPager.setCurrentItem(2);//这个2代表坐标，但点击radioButton1这个按钮之后会显示坐标为0的页面也就是 Activity_text3()

            }

        });

        radioButton4.setOnClickListener(new OnClickListener() {

    @Override

    public void onClick(View v) {

        viewPager.setCurrentItem(3);//这个3代表坐标，但点击radioButton1这个按钮之后会显示坐标为0的页面也就是 Activity_text4()

         }

    });

        radioButton5.setOnClickListener(new OnClickListener() {

            @Override

            public void onClick(View v) {

                viewPager.setCurrentItem(4);//这个4代表坐标，但点击radioButton1这个按钮之后会显示坐标为0的页面也就是 Activity_text5()

            }

        });

 }

}

码农公寓

相关文章