android实现滑动标签页效果的代码解析

实现效果:

实现功能:

  • ViewPager+Fragment实现加载界面
  • SQLite数据获取并显示到ListView上
  • ListView的item监听并携带数据跳转到其他界面
  • 使用SharedPreference存储部分测试数据

实现过程:

各方法和变量的作用请详见代码注释。

listview的数据显示请见Android Studio获取SQLite数据并显示到ListView上Fragment+ViewParger实现界面加载
首先要创建两个类并继承Fragment,在viewpager中实现显示时使用。

public class RiderInfo_Fragment extends Fragment {

 List<Map<String, Object>> listitem = new ArrayList<Map<String, Object>>(); //存储数据的数组列表---里面的数据将显示在ListView中
 ListView listView = null;
 List<Info> infoList = new ArrayList<>(); //从SQLite中获得的数据将存储在改集合中-------info是bean类

 @Override
 public View onCreateView(@NonNull LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
  // Inflate the layout for this fragment
  View view = inflater.inflate(R.layout.rider_info_fragment, null);

  listView = (ListView) view.findViewById(R.id.showRiderInfo); //绑定Listview
  getRiderHistoryInfoFromSQite(getActivity(), infoList); //该方法用于从SQLite中获取数据,参数二 infoList会存储获得数据
  getDataFromInfoList(); //将list中的数据添加到map集合中
  initListData();
  return view;
 }
  private void getDataFromInfoList() {
  for (int i = 0; i < infoList.size(); i++) {
   Map<String, Object> map = new HashMap<String, Object>();
   map.put("name", infoList.get(i).getUsername());
   map.put("address", "f");
   map.put("price", "444");
   map.put("objectID", infoList.get(i).objectIds);
   listitem.add(map);
  }
 }

  private void initListData() {
  SimpleAdapter adapter = new SimpleAdapter(getActivity()
    , listitem
    , R.layout.rider_info_fragment_item
    , new String[]{"name", "address", "price", "objectID"}
    , new int[]{R.id.time, R.id.address, R.id.price, R.id.objectID});
  // 第一个参数是上下文对象
  // 第二个是listitem------数据加载
  // 第三个是指定每个列表项的布局文件
  // 第四个是指定Map对象中定义的两个键(这里通过字符串数组来指定)
  // 第五个是用于指定在布局文件中定义的id(也是用数组来指定)
  adapter.setViewBinder(new SimpleAdapter.ViewBinder() {

   //通过实现ViewBinder()这个接口,在里面定义数据和视图的匹配关系 ---加载图片 Bitmap类型(默认是使用R.id.---)
   @Override
   public boolean setViewValue(View view, Object data,
          String textRepresentation) {
    if ((view instanceof ImageView) & (data instanceof Bitmap)) {
     ImageView iv = (ImageView) view;
     Bitmap bm = (Bitmap) data;
     iv.setImageBitmap(bm);
     return true;
    }
    return false;
   }
  });
  listView.setAdapter(adapter);
  //监听item项并携带数据跳转到另一个界面
  listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
   @Override
   public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
    ListView listView = (ListView) adapterView;
    HashMap<String, String> map = (HashMap<String, String>) listView.getItemAtPosition(i);
    Intent intent = new Intent(getActivity(), RiderInfoManager.class);
    Bundle bundle = new Bundle();
    bundle.putString("objectid", map.get("objectID"));
    intent.putExtras(bundle);
    startActivity(intent);
   }
  });
 }

另一个类的创建过程类似。
3.创建 mainactivity.java用于设置在Viewpager中显示Fragment

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

private ViewPager vp;
 CustomerInfo_Fragment customerInfo_fragment;
 RiderInfo_Fragment riderInfo_fragment;
 private List<Fragment> mFragmentList = new ArrayList<Fragment>();
 FragmentAdapter mFragmentAdapter;
 TextView custome, rider;

 @Override
 protected void onCreate(Bundle savedInstanceState) {

  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  initView();
  mFragmentAdapter = new FragmentAdapter(this.getSupportFragmentManager(), mFragmentList);
  vp.setOffscreenPageLimit(2);//ViewPager的缓存为2帧
  vp.setAdapter(mFragmentAdapter);
  vp.setCurrentItem(0);//初始设置ViewPager选中第一帧
  //ViewPager的监听事件
  vp.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
   @Override
   public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

   }

   @Override
   public void onPageSelected(int position) {
    /*此方法在页面被选中时调用*/
    //title.setText(titles[position]);
    changeTextColor(position);
   }

   @Override
   public void onPageScrollStateChanged(int state) {
    /*此方法是在状态改变的时候调用,其中arg0这个参数有三种状态(0,1,2)。
    arg0==1的时辰默示正在滑动,
    arg0==2的时辰默示滑动完毕了,
    arg0==0的时辰默示什么都没做。*/
   }
  });
 }

 void initView() {
  custome = findViewById(R.id.customer);
  rider = findViewById(R.id.rider);
  custome.setOnClickListener(this);
  rider.setOnClickListener(this);
  vp = (ViewPager) findViewById(R.id.mainViewPager);
  customerInfo_fragment = new CustomerInfo_Fragment();
  riderInfo_fragment = new RiderInfo_Fragment();
  mFragmentList.add(customerInfo_fragment);
  mFragmentList.add(riderInfo_fragment);
 }
@Override
 public void onClick(View view) { //用于判断当前为哪一个fragment
  int i = view.getId();
  if (i == R.id.customer) {
   vp.setCurrentItem(0, true);
  } else if (i == R.id.rider) {
   vp.setCurrentItem(1, true);
  }
 }

 public class FragmentAdapter extends FragmentPagerAdapter {

  List<Fragment> fragmentList = new ArrayList<Fragment>();

  public FragmentAdapter(android.support.v4.app.FragmentManager fm, List<Fragment> fragmentList) {
   super(fm);
   this.fragmentList = fragmentList;
  }

  @Override
  public Fragment getItem(int position) {
   return fragmentList.get(position);
  }

  @Override
  public int getCount() {
   return fragmentList.size();
  }

 }

该方法用于具体执行数据库数据查询

 public static void getRiderHistoryInfoFromSQite(Activity activity, List<Info> infoList) {
  DBOpenHelper helper = new DBOpenHelper(activity, "qianbao.db", null, 1);
  SQLiteDatabase db = helper.getWritableDatabase();
  Cursor c = db.query("RiderHistoryInfo", null, null, null, null, null, null);
  if (c != null && c.getCount() >= 1) {
   while (c.moveToNext()) { //moveToNext是指向表中的下一行数据
    infoList.add(new Info(c.getString(c.getColumnIndex("userName")), c.getString(c.getColumnIndex("userPhone")),
      c.getString(c.getColumnIndex("price")), c.getString(c.getColumnIndex("address")),
      c.getString(c.getColumnIndex("createTime")), c.getString(c.getColumnIndex("objectId")),""));
   }
   c.close();
   db.close();
  }
 }

实现过程中的主要代码就是这么多,实现过程比较简单仅供参考。

完整Demo下载(免费)

到此这篇关于android实现滑动标签页效果的代码解析的文章就介绍到这了,更多相关android 滑动标签页内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • Android利用滑动菜单框架实现滑动菜单效果

    之前我向大家介绍了史上最简单的滑动菜单的实现方式,相信大家都还记得.如果忘记了其中的实现原理或者还没看过的朋友,请先去看一遍之前的文章Android仿人人客户端滑动菜单的侧滑特效实现代码,史上最简单的侧滑实现 ,因为我们今天要实现的滑动菜单框架也是基于同样的原理的. 之前的文章中在最后也提到了,如果是你的应用程序中有很多个Activity都需要加入滑动菜单的功能,那么每个Activity都要写上百行的代码才能实现效果,再简单的滑动菜单实现方案也没用.因此我们今天要实现一个滑动菜单的框架,然后在任

  • Android仿人人客户端滑动菜单的侧滑菜单效果

    人人客户端有一个特效还是挺吸引人的,在主界面手指向右滑动,就可以将菜单展示出来,而主界面会被隐藏大部分,但是仍有左侧的一小部分同菜单一起展示. 据说人人客户端的这个特效是从facebook客户端模仿来的,至于facebook是不是又从其它地方模仿来的就不得而知了.好,今天我们就一起来实现这个效果,总之我第一次看到这个特效是在人人客户端看到的,我也就主观性地认为我是在模仿人人客户端的特效了. 虽然现在网上类似这种效果的实现也非常多,可是我发现实现方案大都非常复杂,并不容易理解.但其实这种效果并不难

  • Android 仿淘宝商品属性标签页

    需求 1.动态加载属性,如尺码,颜色,款式等 由于每件商品的属性是不确定的,有的商品的属性是颜色和尺码,有的是口味,有的是大小,所以这些属性不能直接写死到页面上. 2.动态加载属性下的标签 每个属性下的标签个数也不是一定的,比如有的商品的尺码是是S,M,XL,有的是均码,也就是每种属性的具体的内容是不一定的. 技术点 自定义ViewGroup,使其中的TextView可以依据内容长短自动换行,如下图所示 实现 布局 通过ListView来显示商品所有属性,每种属性作为ListView的Item.

  • android实现滑动标签页效果的代码解析

    实现效果: 实现功能: ViewPager+Fragment实现加载界面 SQLite数据获取并显示到ListView上 ListView的item监听并携带数据跳转到其他界面 使用SharedPreference存储部分测试数据 实现过程: 各方法和变量的作用请详见代码注释. listview的数据显示请见Android Studio获取SQLite数据并显示到ListView上Fragment+ViewParger实现界面加载 首先要创建两个类并继承Fragment,在viewpager中实

  • Android实现滑动标签页

    本文实例为大家分享了Android实现滑动标签页的具体代码,供大家参考,具体内容如下 TabLayoutActivity.java package cn.edu.zufe.app0406; import androidx.appcompat.app.AppCompatActivity; import androidx.appcompat.widget.Toolbar; import androidx.fragment.app.Fragment; import androidx.fragment.

  • android ViewPager实现滑动翻页效果实例代码

    实现ViewPager的滑动翻页效果可以使用ViewPager的setPageTransformer方法,如下: import android.content.Context; import android.support.v4.view.ViewPager; import android.util.AttributeSet; import android.view.View; public class ReadViewPager extends ViewPager { public ReadV

  • 微信小程序实现滑动翻页效果(完整代码)

    微信小程序实现滑动翻页效果,效果图如下所示: 源码: <view class="mainFrame"> <swiper class="container" indicator-dots="{{indicatorDots}}" indicator-dots="{{indicatordots}}" autoplay="{{autoplay}}" interval="{{interva

  • NGUI实现滑动翻页效果实例代码

    废话不多说了,直接给大家上干货了. 具体代码如下所示: using UnityEngine; using System.Collections; public class PageView : MonoBehaviour { const int ITEM_NUM = 2; //总页数 const int PAGE_WIDTH = 2048; //页宽 const float DRAG_SPEED = 0.5f; //翻页时间 const int DRAG_OFFECT = 30; //滑动的起点

  • Android view滑动悬浮固定效果实现代码示例

    1.背景 在项目开发过程中,有时候会碰到这样的需求:在滑动的过程中,在某时要将子view固定在顶部(常见的是将界面中的tab在滑动到顶部的时候进行固定). 之前写过一篇滑动组件悬浮固定在顶部的文章,但感觉还是有些复杂,因此就有了这次的实现.效果图: 2.思路 (CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout)+TabLayout+ViewPager 3.代码实现 a.主布局代码 <?xml version="1.0"

  • Android ViewPager实现左右滑动翻页效果

    本文实例为大家分享了ViewPager实现左右滑动翻页效果展示的具体代码,供大家参考,具体内容如下 代码如下: package com.example.demo; import java.util.ArrayList; import android.app.Activity; import android.content.Context; import android.os.Bundle; import android.support.v4.view.PagerAdapter; import a

  • JQuery标签页效果的两个实例讲解(4)

    按照惯例,我们还是先来看一下最终要达到效果图: 和上一个菜单效果类似,当鼠标移动到标签上的时候,下面会显示相应的内容.当然,同样存在滑动门的问题.  前台页面的代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="tab.aspx.cs" Inherits="tab" %> <!DOCTYPE html PUBLIC "-//W3C/

  • jQuery实现标签页效果实战(4)

    今天我们来完成<jQuery实战>系列的标签页效果.先来看一看效果图 这里有两部分的内容,上面是一个标签页的效果,下面也是一个标签页的效果.在实际应用中也经常会见到标签页的效果,它的作用主要是在页面可视区有限的情况下展示更多的内容.当用户想看其他内容的时候不需要离开页面,只需要把鼠标移动到某一个标签上就可以看到这个标签里面所对应的内容.门户网站的首页,有很多频道都是标签页的最佳案例,如体育.财经.军事等模块都是位于不同的标签上.上边的标签页一般称为滑动门技术,下面的内容是一次性加载进来,鼠标移

  • Android自定义滑动验证条的示例代码

    本文介绍了Android自定义滑动验证条的示例代码,分享给大家,具体如下: *注:不知道为什么,h5的标签在这里没用了,所以我也只能用Markdown的语法来写了 项目地址:https://github.com/994866755/handsomeYe.seekbar.github.io 需求: 在我们的某些应用中需要滑动验证.比如说这个样子的: 刚开始我也很懵逼要怎么去弄,结果我去看了一些人的代码,有人是用自定义viewgroup去做,就是viewgroup包含滑动块和滑动条.但我觉得太麻烦,

随机推荐