ViewPager组件的使用

自己测试的,留着以后参考!

布局如下:

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

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="6dp"
        android:baselineAligned="true"
        android:orientation="horizontal">

        <LinearLayout
            android:id="@+id/ll1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/home_n"
                android:layout_width="25dp"
                android:layout_height="25dp"
                android:layout_gravity="center"
                android:scaleType="centerInside"
                android:src="@drawable/ic_tab_home_p" />

            <TextView
                android:id="@+id/text_home"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:padding="4dp"
                android:text="@string/home"
                android:textColor="@android:color/holo_red_light"
                android:textSize="12sp" />

        </LinearLayout>

        <LinearLayout
            android:id="@+id/ll2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/order_n"
                android:layout_width="25dp"
                android:layout_height="25dp"
                android:layout_gravity="center"
                android:scaleType="centerInside"
                android:src="@drawable/ic_tab_order_n" />

            <TextView
                android:id="@+id/text_order"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:padding="4dp"
                android:text="@string/order"
                android:textSize="12sp" />

        </LinearLayout>

        <LinearLayout
            android:id="@+id/ll3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:baselineAligned="false"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/mine_n"
                android:layout_width="25dp"
                android:layout_height="25dp"
                android:layout_gravity="center"
                android:scaleType="centerInside"
                android:src="@drawable/ic_tab_mine_n" />

            <TextView
                android:id="@+id/text_mine"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:padding="4dp"
                android:text="@string/mine"
                android:textSize="12sp" />

        </LinearLayout>
    </LinearLayout>

</LinearLayout>

主界面如下:

package com.jackiee.waimai.activity;

import android.app.Activity;
import android.content.Intent;
import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

import com.jackiee.waimai.R;

import java.util.ArrayList;
import java.util.List;
import java.util.Timer;
import java.util.TimerTask;

/**
 * Created by baigu on 2016/4/15.
 */
public class MainActivity extends Activity {

    private ViewPager viewPager;
    private ImageView imageView_home;
    private ImageView imageView_order;
    private ImageView imageView_mine;
    private TextView textView_home;
    private TextView textView_order;
    private TextView textView_mine;
    private LayoutInflater layoutInflater;
    private List<View> views = new ArrayList<>();
    private PagerAdapter pagerAdapter;
    private LinearLayout ll1;
    private LinearLayout ll2;
    private LinearLayout ll3;
    private SwipeRefreshLayout refreshLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);

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

        imageView_home = (ImageView) findViewById(R.id.home_n);
        imageView_order = (ImageView) findViewById(R.id.order_n);
        imageView_mine = (ImageView) findViewById(R.id.mine_n);

        textView_home = (TextView) findViewById(R.id.text_home);
        textView_order = (TextView) findViewById(R.id.text_order);
        textView_mine = (TextView) findViewById(R.id.text_mine);
    //重要点之一。给viewPager注册事件监听。
        viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            }

            @Override
            public void onPageSelected(int position) {
                switch (position) {
                    case 0:
                        imageView_home.setImageResource(R.drawable.ic_tab_home_p);
                        imageView_order.setImageResource(R.drawable.ic_tab_order_n);
                        textView_home.setTextColor(Color.RED);
                        textView_order.setTextColor(Color.BLACK);
                        break;
                    case 1:
                        imageView_order.setImageResource(R.drawable.ic_tab_order_p);
                        imageView_home.setImageResource(R.drawable.ic_tab_home_n);
                        imageView_mine.setImageResource(R.drawable.ic_tab_mine_n);
                        textView_order.setTextColor(Color.RED);
                        textView_home.setTextColor(Color.BLACK);
                        textView_mine.setTextColor(Color.BLACK);
                        break;
                    case 2:
                        imageView_mine.setImageResource(R.drawable.ic_tab_mine_p);
                        imageView_home.setImageResource(R.drawable.ic_tab_home_n);
                        imageView_order.setImageResource(R.drawable.ic_tab_order_n);
                        textView_home.setTextColor(Color.BLACK);
                        textView_mine.setTextColor(Color.RED);
                        textView_order.setTextColor(Color.BLACK);
                        break;
                    default:
                        break;
                }
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });

        layoutInflater = LayoutInflater.from(this);

        View view1 = layoutInflater.inflate(R.layout.activity_home, null);
        View view2 = layoutInflater.inflate(R.layout.activity_order, null);
        View view3 = layoutInflater.inflate(R.layout.activity_mine, null);

        views.add(view1);
        views.add(view2);
        views.add(view3);
    //重要点之一
        pagerAdapter = new PagerAdapter() {
            @Override
            public int getCount() {
                return views == null ? 0 : views.size();
            }

            @Override
            public boolean isViewFromObject(View view, Object object) {
                return view == object;
            }

            @Override
            public void destroyItem(ViewGroup container, int position, Object object) {
                container.removeView(views.get(position));
            }

            @Override
            public Object instantiateItem(ViewGroup container, int position) {
                container.addView(views.get(position));
                return views.get(position);
            }
        };

        viewPager.setAdapter(pagerAdapter);


        ll1 = (LinearLayout) findViewById(R.id.ll1);
        ll2 = (LinearLayout) findViewById(R.id.ll2);
        ll3 = (LinearLayout) findViewById(R.id.ll3);
    //重要点之一
        ll1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                viewPager.setCurrentItem(0);//设置页面
            }
        });
        ll2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                viewPager.setCurrentItem(1);
            }
        });
        ll3.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                viewPager.setCurrentItem(2);
            }
        });
}

Viewpager

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Fragment是Android中的一个组件,可以在Activity中使用。它可以单独存在,也可以和其他Fragment组合使用ViewPager是一种可以滑动的容器,可以用来显示多个Fragment。使用时,可以将多个Fragment添加到ViewPager中,然后通过滑动来切换Fragment。 ### 回答2: Fragment和ViewPager是Android开发中常用的两个组件,它们可以帮助我们构建具有多个页面的应用程序。Fragment相当于一个子页面,可以嵌入到Activity中,ViewPager则是一个容器可以显示多个Fragment页面,并且可以滑动切换不同页面。以下是这两个组件使用方法: Fragment的使用: 1. 建立Fragment类。Fragment是一个具有生命周期的组件,我们需要继承android.support.v4.app.Fragment或者android.app.Fragment,实现onCreateView方法,添加需要展示的布局。 2. 在Activity中嵌入Fragment。我们可以使用FragmentManager来管理Fragment。FragmentManager.beginTransaction() 方法创建一个事务,并且可以添加、删除和替换Fragment。我们可以通过以下代码将该Fragment添加到Activity的布局中: FragmentManager fragmentManager = getSupportFragmentManager(); FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction(); MyFragment fragment = new MyFragment(); fragmentTransaction.add(R.id.fragment_container, fragment); fragmentTransaction.commit(); 3. 对于一个Fragment的重要生命周期方法:onAttach()和onDetach()通常用于Fragment和宿主Activity之间的通信,onCreate()方法用于初始化,onViewCreated()方法展示展示布局,onActivityCreated()在Activity执行onCreate()方法后触发,并决定 Fragment 是否处于可见状态,onResume()则表示Fragment正在运行中。 ViewPager的使用: 1. 导入ViewPager依赖库:在 build.gradle 文件中添加: dependencies { implementation 'com.android.support:viewpager:28.0.0' } 2. 在布局文件中添加ViewPager: <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent" /> 3. 创建FragmentAdapter:继承FragmentPagerAdapter并实现抽象方法,如getItem()和getCount()。它们用于返回一个Fragment页面和页面数量。我们可以像下面这样创建一个FragmentPagerAdapter: class MyFragmentAdapter extends FragmentPagerAdapter { private final List<Fragment> fragments = new ArrayList<>(); private final List<String> fragmentTitles = new ArrayList<>(); public MyFragmentAdapter(FragmentManager fm) { super(fm); } public void addFragment(Fragment fragment, String title) { fragments.add(fragment); fragmentTitles.add(title); } @Override public Fragment getItem(int position) { return fragments.get(position); } @Override public int getCount() { return fragments.size(); } @Override public CharSequence getPageTitle(int position) { return fragmentTitles.get(position); } } 4. 将FragmentAdapter设置给ViewPager: ViewPager viewPager = findViewById(R.id.viewpager); MyFragmentAdapter adapter = new MyFragmentAdapter(getSupportFragmentManager()); adapter.addFragment(new MyFragment1(), "Fragment 1"); adapter.addFragment(new MyFragment2(), "Fragment 2"); viewPager.setAdapter(adapter); 通过使用Fragment和ViewPager,我们可以创建一个具有多个页面和子页面的应用程序。 使用Fragment和ViewPager,我们可以非常便捷的实现滑动切换不同页面,并且每个页面分别是单独的Fragment,方便我们做管理和调用。 ### 回答3: Fragment和ViewPager是Android开发中非常重要也非常常用的两个组件,它们的配合使用可以实现非常灵活的页面布局和交互效果。 首先,Fragment是一种可以嵌入到Activity中的可重用的UI组件,可以将整个屏幕分解成多个区域,每个区域可以通过不同的Fragment来展示不同的内容。使用Fragment的好处主要在于其较高的可复用性,因为一个Fragment可以在不同的Activity中使用,并且可以动态替换或添加。同时,Fragment还可以处理用户交互事件、生命周期和配置变化等问题。 而ViewPager则是一种可以实现滑动切换多个Fragment的控件,通常会结合FragmentPagerAdapter或者FragmentStatePagerAdapter来使用使用ViewPager可以让App具有更好的用户体验和视差效果。可滑动的ViewPager是一种非常流行的UI设计,尤其适合移动设备。 在使用FragmentPagerAdapter时,每个Fragment被创建后就会保存在内存中,不需要重新创建,因此在使用ViewPager滑动切换Fragment时,非常流畅,缺点是可能出现内存溢出的问题。而使用FragmentStatePagerAdapter则不会将所有的Fragment都保存在内存中,而是只保留一些可见的Fragment,其它的Fragment会被销毁,这样可以避免内存溢出的问题。 总之,Fragment和ViewPager是Android开发中非常重要的两个组件,它们的灵活使用可以带来非常好的用户体验和交互效果,并且可以有效避免内存溢出等问题。开发人员可以根据实际需求灵活选择使用它们的方式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值