ViewPager组件的使用
来源:互联网 发布:淘宝联盟高佣金多少 编辑:程序博客网 时间:2024/06/04 19:17
自己测试的,留着以后参考!
布局如下:
<?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); } });}
0 0
- ViewPager组件的使用
- 使用Fragment实现的滑动组件ViewPager
- 初学使用ViewPager组件
- Android ViewPager 组件使用详解
- Android--ViewPager 组件使用详解
- ViewPager中ViewPager的使用
- 组件使用之Fragment与ViewPager
- ViewPager组件
- ViewPager组件
- ViewPager 的使用
- viewpager的使用
- ViewPager的使用
- ViewPager的使用
- ViewPager的简单使用
- viewpager的简单使用
- ViewPager的使用
- ViewPager 的使用
- viewpager的使用
- 通过自定义.xml文件实现各种效果的SeekBar
- 【Demo】UITableView实现分组可折叠下拉列表
- 动态规划专题 01背包问题详解【转】
- hdu5965扫雷
- HDU-2818-Building Block
- ViewPager组件的使用
- C语言/C++|Bubble Sort(冒泡排序)
- python一行代码解决SyntaxError: Non-ASCII character '\xe4'
- spring框架基于注解aop的通知
- PHP的错误和异常处理
- 自己写个vue.js插件(1):自定义指令的妙用
- JDBC连接数据库的代码及步骤
- iOS apache开启命令
- 神经网络的直观解释