Android- fragment結合ViewPager實作左右滑動-有解無憂

定義底部導航欄xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="55dp"
    android:background="@color/purple_200"
    >
     <LinearLayout
         android:layout_width="0dp"
         android:layout_height="match_parent"
         android:layout_weight="1"
         android:layout_gravity="center"
         android:gravity="center"
         android:orientation="vertical"
         android:id="@+id/but1">
         <ImageView
             android:layout_width="32dp"
             android:layout_height="32dp"
             android:id="@+id/img1"
             android:background="@drawable/buttondemo"
             />
         <TextView
             android:layout_width="32dp"
             android:layout_height="match_parent"
             android:gravity="center"
             android:text="第一"
             android:id="@+id/text1"
             />
     </LinearLayout>
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:layout_gravity="center"
        android:gravity="center"
        android:orientation="vertical"
        android:id="@+id/but2">
        <ImageView
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:id="@+id/img2"
            android:background="@drawable/button3"
            />
        <TextView
            android:layout_width="32dp"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="第二"
            android:id="@+id/text2"
            />
    </LinearLayout>
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:layout_gravity="center"
        android:orientation="vertical"
        android:gravity="center"
        android:id="@+id/but3">
        <ImageView
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:id="@+id/img3"
            android:background="@drawable/button2"
            />
        <TextView
            android:layout_width="32dp"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="第三"
            android:id="@+id/text3"
            />
    </LinearLayout>
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center"
        android:layout_gravity="center"
        android:orientation="vertical"
        android:id="@+id/but4">
        <ImageView
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:id="@+id/img4"
            android:background="@drawable/buttondemo"
            />
        <TextView
            android:layout_width="32dp"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="第四"
            android:id="@+id/text4"
            />
    </LinearLayout>
</LinearLayout>

導航按鈕選中不選中切換xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--選中-->
    <item android:drawable="@drawable/ic_baseline_gx" android:state_selected="true"/>
    <!--不選中-->
    <item android:drawable="@drawable/ic_baseline_x"/>
</selector>

創建fragment類會自動生成 xml

package com.example.myapplication;

import android.os.Bundle;

import androidx.fragment.app.Fragment;
import androidx.viewpager2.widget.ViewPager2;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;


public class BlankFragment extends Fragment {

    private static final String ARG_PARAM1 = "param1";

    private String mParam1;
    private View view;

    public BlankFragment() {
        // Required empty public constructor
    }
    
    public static BlankFragment newInstance(String param1) {
        BlankFragment fragment = new BlankFragment();
        Bundle args = new Bundle();
        args.putString(ARG_PARAM1, param1);
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (getArguments() != null) {
            mParam1 = getArguments().getString(ARG_PARAM1);

        }
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        if (view == null) {
            view = inflater.inflate(R.layout.fragment_blank, container, false);
        }
        initView();
        return view;
    }

    private void initView() {
        TextView textView = view.findViewById(R.id.test01);
        textView.setText(mParam1);

    }
}

生成定義 fragment xml

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".BlankFragment">

    <TextView
        android:id="@+id/test01"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="@string/hello_blank_fragment"
        android:textSize="30dp" />

</FrameLayout>

viewPager2 需要的配接器

package com.example.myapplication;
import androidx.annotation.NonNull;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.lifecycle.Lifecycle;
import androidx.viewpager2.adapter.FragmentStateAdapter;

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

public class MyFragmentAdapter extends FragmentStateAdapter {
    private List<Fragment> fragmentList = new ArrayList<>();
    public MyFragmentAdapter(@NonNull FragmentManager fragmentManager, @NonNull Lifecycle lifecycle,List<Fragment> fragments) {
        super(fragmentManager, lifecycle);
        this.fragmentList = fragments;
    }

    @NonNull
    @Override
    public Fragment createFragment(int position) {
       //獲取fragment
        return fragmentList.get(position);
    }
    //總頁數
    @Override
    public int getItemCount() {
        return fragmentList.size();
    }
}

mianActivity

package com.example.myapplication;

import android.os.Bundle;
import android.text.Layout;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;

import com.google.android.material.bottomnavigation.BottomNavigationView;

import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.navigation.NavController;
import androidx.navigation.Navigation;
import androidx.navigation.ui.AppBarConfiguration;
import androidx.navigation.ui.NavigationUI;
import androidx.recyclerview.widget.RecyclerView;
import androidx.viewpager2.widget.ViewPager2;

import java.util.ArrayList;
import java.util.List;
import java.util.stream.Collectors;
/**
 * 繼承點擊事件 View.OnClickListener
 * 事件監聽
 */
 
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    ViewPager2 viewPager2;
    private LinearLayout l1, l2, l3, l4;
    private ImageView i1, i2, i3, i4, iCurrent;

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

    }

    private void initTableView() {
        l1 = findViewById(R.id.but1);
        //監聽組件點擊事件
        l1.setOnClickListener(this);
        l2 = findViewById(R.id.but2);
        l2.setOnClickListener(this);
        l3 = findViewById(R.id.but3);
        l3.setOnClickListener(this);
        l4 = findViewById(R.id.but4);
        l4.setOnClickListener(this);

        i1 = findViewById(R.id.img1);
        i2 = findViewById(R.id.img2);
        i3 = findViewById(R.id.img3);
        i4 = findViewById(R.id.img4);
        //默認第一個選中
        i1.setSelected(true);
        //記錄當前選中按鈕
        iCurrent = i1;
        
    }

    private void initPager() {
        viewPager2 = findViewById(R.id.view_page1);
        List<Fragment> fragments = new ArrayList<>();
        /*fragment填充內容*/
        fragments.add(BlankFragment.newInstance("第一頁"));
        fragments.add(BlankFragment.newInstance("第二頁"));
        fragments.add(BlankFragment.newInstance("第三頁"));
        fragments.add(BlankFragment.newInstance("第四頁"));
        fragments.add(BlankFragment.newInstance("第五頁"));
        fragments.add(BlankFragment.newInstance("第六頁"));

        MyFragmentAdapter fragmentAdapter = new MyFragmentAdapter(getSupportFragmentManager(), getLifecycle(), fragments);
        viewPager2.setAdapter(fragmentAdapter);
        //回呼函式,詳情百度
        viewPager2.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                super.onPageScrolled(position, positionOffset, positionOffsetPixels);
            }
            //每次滑動會呼叫
            @Override
            public void onPageSelected(int position) {
                super.onPageSelected(position);
                changeTable(position);
            }


            @Override
            public void onPageScrollStateChanged(int state) {
                super.onPageScrollStateChanged(state);
            }
        });

    }

    private void changeTable(int position) {
        iCurrent.setSelected(false);
        switch (position) {
            //跳轉到指定pageView
            case R.id.but1:
                viewPager2.setCurrentItem(0);
                break;
            case R.id.but2:
                viewPager2.setCurrentItem(1);
                break;
            case R.id.but3:
                viewPager2.setCurrentItem(2);
                break;
            case R.id.but4:
                viewPager2.setCurrentItem(3);
                break;
                //按鈕變色
            case 0:
                i1.setSelected(true);
                iCurrent = i1;
                break;
            case 1:
                i2.setSelected(true);
                iCurrent = i2;
                break;
            case 2:
                i3.setSelected(true);
                iCurrent = i3;
                break;
            case 3:
                i4.setSelected(true);
                iCurrent = i4;
                break;
            default:

        }
    }

    //點擊事件
    @Override
    public void onClick(View v) {
        changeTable(v.getId());
    }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/view_page1"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />
     <!--引入組件-->
    <include layout="@layout/button_layout" />


</LinearLayout>

轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/402768.html

標籤：其他

上一篇：參與公司專案遇到的camera中接收觸摸螢屏坐標錯誤的問題

下一篇：Android事件分發機制

Android- fragment結合ViewPager實作左右滑動

定義底部導航欄xml

導航按鈕選中不選中切換xml

創建fragment類 會自動生成 xml

生成定義 fragment xml

viewPager2 需要的配接器

mianActivity

activity_main.xml

創建fragment類會自動生成 xml