PullToRefreshScrollView实现顶层搜索框 滑动可隐藏 下面刷自定义GridView

最近项目里有个需求，要求用GridView去显示商品，滑动到底部下拉能加载更多商品，向下滑动过程中需要隐藏掉自定义的Action（搜索框）布局，向上滑动能显示出来，整体效果类似淘宝APP搜索结果页那样。

起初觉得挺简单的，但是后来才发现还是得转一点脑子。最开始我想用PullToRefreshGridView，但是后来发现GridView没有添加headview的方法，只能采用PullToRefreshScrollView内嵌套GridView的方法，Scrollview里多放一个空白布局当GridView的headview，高度和Action布局一样就行。这时还有一个问题，ScrollView和GridView会产生滑动冲突，还好网上很容易找到解决办法，我这里采用自定义GridView，最后就是监听方法了，最为关键的点,还是直接上代码吧：

一、自定义GridView，解决ScrollView嵌套GridView布局加载数据不全问题

package com.hospital.widget;

import android.content.Context;import android.util.AttributeSet;import android.widget.GridView;

/** * Created by Achen on 2016/7/23. */public class MyGridView extends GridView{    public MyGridView(Context context) {       super(context);　　}
    public MyGridView(Context context, AttributeSet attrs) {        super(context, attrs);    }

    public MyGridView(Context context, AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);    }

    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2,                MeasureSpec.AT_MOST);        super.onMeasure(widthMeasureSpec, expandSpec);    }}

二、布局父布局

<?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:background="@color/white"    android:orientation="vertical" 　　 <LinearLayout
           android:layout_width="match_parent"           android:layout_height="match_parent"           android:layout_marginLeft="@dimen/dimens_7_160"           android:layout_marginRight="@dimen/dimens_7_160"           android:layout_marginTop="@dimen/dimens_3_160">

　　　　　　 <com.handmark.pulltorefresh.library.PullToRefreshScrollView   　　　　　　　　xmlns:ptr="http://schemas.android.com/apk/res-auto"   　　　　　　　　android:id="@+id/ptrf_sv_patient_fragment"   　　　　　　　　android:layout_width="match_parent"   　　　　　　　　android:layout_height="match_parent"   　　　　　　　　android:divider="@color/gray"   　　　　　　　　android:dividerHeight="2dp"   　　　　　　　　android:fadingEdge="horizontal"   　　　　　　　　android:fastScrollEnabled="false"   　　　　　　　　android:footerDividersEnabled="true"   　　　　　　　　android:headerDividersEnabled="true"   　　　　　　　　android:smoothScrollbar="true"   　　　　　　　　android:background="@color/background_activity_dialog"   　　　　　　　　ptr:ptrMode="pullUpFromBottom" />

     </LinearLayout>

</LinearLayout>

被包裹的子布局
<?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:id="@+id/ll_ss_patient_fragment"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:background="@drawable/shape"        android:gravity="center_horizontal"        android:focusable="true"        android:orientation="horizontal"        android:focusableInTouchMode="true"        android:layout_margin="@dimen/dimens_2_160">

        <com.hospital.widget.EditTextSearch            android:id="@+id/et_ss_patient_fragment"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:layout_marginTop="@dimen/dimens_3_160"            android:layout_marginBottom="@dimen/dimens_3_160"            android:paddingLeft="@dimen/dimens_5_160"            android:paddingRight="@dimen/dimens_5_160"            android:drawableLeft="@drawable/ss"            android:drawablePadding="10dp"            android:hint="输入患者拼音首字母"            android:textColorHint="@color/color_tag_text_normal"            android:textColor="@color/color_tag_text_normal"            android:textSize="@dimen/dimens_8_160"            android:imeOptions="actionNext"            android:background="#00000000">

        </com.hospital.widget.EditTextSearch>    </LinearLayout>

    <com.hospital.widget.MyPullToRefreshGridView        android:id="@+id/gv_paitent"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:background="@color/background_activity_dialog"        android:horizontalSpacing="@dimen/dimens_4_160"        android:numColumns="1"        android:stretchMode="columnWidth"        android:verticalSpacing="@dimen/dimens_4_160" >    </com.hospital.widget.MyPullToRefreshGridView>

</LinearLayout>

三、代码
Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {   // 注册广播   registerBoradcastReceiver();

   EventBus.getDefault().register(this);

   View rootView = inflater.inflate(R.layout.patient_list, container, false);   View view = inflater.inflate(R.layout.patient_fragment_ptrfsv_item, null);

   // 患者管理 搜索   ll_ss_patient_fragment = (LinearLayout) view.findViewById(R.id.ll_ss_patient_fragment);   et_ss_patient_fragment = (EditTextSearch) view.findViewById(R.id.et_ss_patient_fragment);

   ll_ss_patient_fragment.setFocusable(true);   ll_ss_patient_fragment.setOnClickListener(new OnClickListener() {      @Override      public void onClick(View view) {         et_ss_patient_fragment.setFocusable(true);      }   });

   // 患者管理 条目   ptrf_sv_patient_fragment = (PullToRefreshScrollView) rootView.findViewById(R.id.ptrf_sv_patient_fragment);   ptrf_sv_patient_fragment.setMode(PullToRefreshBase.Mode.BOTH);

   gv_paitent = (MyPullToRefreshGridView)view.findViewById(R.id.gv_paitent);   mPatientListAdapter = new PatientListAdapter(getActivity(), null);   gv_paitent.setAdapter(mPatientListAdapter);   ptrf_sv_patient_fragment.addView(view);

   radioGroup = (RadioGroup) rootView.findViewById(R.id.rg_hzgl_patients);

   // 关闭listitem_top_et软键盘   DesityUtil.closeKeyBoard(getActivity());

   getPageNum();

   // 获取患者分组标签名称   getPatientLable();

   // 完整显示radioGroup   initRadioGroupAllView(sysLableList);

   // 欠款患者分组统计   getPatientDetailsArrearsMoney();

   // RadioGroup、EditText、ScrollView的监听事件   setListener();

   // 根据CheckTag设置选中未选中状态、刷新gridView   refreshByCheckTag();

   return rootView;}

/**    * 监听    */   private void setListener(){

      // radioButton的点击监听      radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {         @Override         public void onCheckedChanged(RadioGroup group, int checkedId) {            MonitorUserAction.addUserAction(MonitorUserAction.ACTIONPATIENTXXHZFZ);            // 分页恢复到默认            upOrDown = 1;            pageStart = 1;            // 搜索输入框失去焦点            et_ss_patient_fragment.clearFocus();            ll_ss_patient_fragment.requestFocus();//          Toast.makeText(getActivity(), "失去焦点", Toast.LENGTH_SHORT).show();            // 刷新患者列表            RadioButton tempButton2 = (RadioButton) getActivity().findViewById(checkedId);            if (tempButton2 != null) {               if (tempButton2.getTag().toString().equals("0")) { // 点击了全部患者选项                  patientLabelId = "0";                  getPatientDetails();               } else {                  if (tempButton2.getTag().toString().equals("1")) { // 点击欠款患者选项                     patientLabelId = "1";                     getPatientDetailsArrears();                  }else {                     patientLabelId = tempButton2.getTag().toString(); // 点击标签分组患者                     getPatientDetailsLable(patientLabelId);                  }               }            }            // 遍历radiogroup里的button 设置字体颜色、背景            for (int i = 0; i < radioGroup.getChildCount(); i++) {               RadioButton tempButton1 = (RadioButton) group.getChildAt(i);               tempButton1.setTextColor(getResources().getColorStateList(R.color.prescription_gray_color));               tempButton1.setBackgroundResource(R.drawable.rb_bjys2);               if (radioGroup.getCheckedRadioButtonId() == tempButton1.getId()) {                  rbCheckTag = tempButton1.getTag().toString();                  tempButton1.setTextColor(getResources().getColor(R.color.white));                  tempButton1.setBackgroundResource(R.drawable.rb_bjys);               }            }            // 关闭系统软键盘            DesityUtil.closeKeyBoard(getActivity());         }      });

      // 搜索框的输入监听      et_ss_patient_fragment.addTextChangedListener(new TextWatcher() {

         @Override         public void onTextChanged(CharSequence s, int start, int before, int count) {            // TODO Auto-generated method stub            // 分页恢复到默认            upOrDown = 1;            pageStart = 1;            String string = et_ss_patient_fragment.getText().toString();            if (string.length() != 0) {               getPatientListByShorthand(string);            }else {               getPatientDetails();            }         }

         @Override         public void beforeTextChanged(CharSequence s, int start, int count,                                int after) {            // TODO Auto-generated method stub

         }

         @Override         public void afterTextChanged(Editable s) {            // TODO Auto-generated method stub

         }      });

      // 搜索输入框焦点监听      et_ss_patient_fragment.setOnFocusChangeListener(new View.OnFocusChangeListener() {         @Override         public void onFocusChange(View view, boolean b) {            if (b){               // 分页恢复到默认               upOrDown = 1;               pageStart = 1;               // 恢复全部患者               rb_hzgl_all.setChecked(true);               rbCheckTag = rb_hzgl_all.getTag().toString();               getPatientDetails();//             LinearLayout.LayoutParams lp1 = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, listitem_top_et.getHeight());//             et_ss_patient_fragment.setLayoutParams(lp1);//             Toast.makeText(getActivity(), "获取焦点", Toast.LENGTH_SHORT).show();            }else {//             LinearLayout.LayoutParams lp2 = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);//             et_ss_patient_fragment.setLayoutParams(lp2);//             Toast.makeText(getActivity(), "失去焦点", Toast.LENGTH_SHORT).show();            }         }      });

      // ScrollView的下拉刷新监听      ptrf_sv_patient_fragment.setOnRefreshListener(new PullToRefreshBase.OnRefreshListener2<ScrollView>() {         @Override         public void onPullDownToRefresh(PullToRefreshBase<ScrollView> refreshView) {            // 下拉刷新            upOrDown = 1;            pageStart = 1;            refreshByCheckTag();         }

         @Override         public void onPullUpToRefresh(PullToRefreshBase<ScrollView> refreshView) {            // 上拉加载            upOrDown = 0;            pageStart = pageStart + 1;            refreshByCheckTag();         }      });

   }

具体可以再搭配查询本地数据库或者访问网络请求数据进行分页，
if (upOrDown == 1) {   mPatientListAdapter.updateDataClear(patientManageDTO);}else {   mPatientListAdapter.updateDataNoClear(patientManageDTO);}

adapter里关于数据源的设置updateDataClear与updateDataNoClear两个方法
package com.hospital.patient.adapter;

import java.text.ParseException;import java.util.LinkedList;import java.util.List;

import com.hospital.ConstantValue;import com.hospital.R;import com.hospital.log.error.MonitorUserAction;import com.hospital.patient.PatientInfoEditActivity;import com.hospital.patient.domain.PatientVO;import com.hospital.patient.dto.PatientManageDTO;import com.hospital.prescrible.PrescriptionActivity;import com.hospital.utils.AgeUtils;import com.hospital.utils.AnnotationClassUtil;import com.hospital.utils.MoneyUtil;

import android.content.Context;import android.content.Intent;import android.content.res.Resources;import android.graphics.drawable.Drawable;import android.os.Bundle;import android.util.Log;import android.view.LayoutInflater;import android.view.View;import android.view.View.OnClickListener;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.RelativeLayout;import android.widget.TextView;

/** * 患者管理适配器 * @author wc */

public class PatientListAdapter extends BaseAdapter {

   private Context context;   private List<PatientManageDTO> patients;   private LayoutInflater inflater;   ViewHolder viewHolder = null;

   private int sex = 0;   private String sexLable = "";   public static String splitnei = "\\|\\|\\|";   public static String PATIENTLISTFRAGMENT = "patientListFragment";

   public PatientListAdapter(Context context, List<PatientManageDTO> patients){      this.context = context;      if(patients == null){         this.patients = new LinkedList<>();      }else {         this.patients = patients;      }      inflater = LayoutInflater.from(context);   }

   class ViewHolder {

   }

   @Override   public int getCount() {      // TODO Auto-generated method stub      return patients != null ? patients.size() : 0;   }

   @Override   public Object getItem(int position) {      // TODO Auto-generated method stub      return patients.get(position);   }

   @Override   public long getItemId(int position) {      // TODO Auto-generated method stub      return position;   }

   @Override   public View getView(final int position, View convertView, ViewGroup parent) {      // TODO Auto-generated method stub

      return convertView;   }

   /**    * 刷新数据    */   public void updateDataClear(List<PatientManageDTO> patients){      if (patients != null){         this.patients.clear();         this.patients.addAll(patients);//       Log.i("tag", "==========updateDataClear" + this.patients.size());         notifyDataSetChanged();      }   }

   /**    * 刷新数据，清空之前数据    */   public void updateDataNoClear(List<PatientManageDTO> patients){      if (patients != null){         this.patients.addAll(patients);//       Log.i("tag", "==========updateDataNoClear" + this.patients.size());         notifyDataSetChanged();      }   }

}
至此，PullToRefreshScrollView可以实时上下拉刷新GridView，并可以实现搜索框上下滑动显示、隐藏的功能

 
时间： 2024-10-18 14:34:57

PullToRefreshScrollView实现顶层搜索框 滑动可隐藏 下面刷自定义GridView的相关文章

IOS第二天-新浪微博 - 添加搜索框，弹出下拉菜单 ，代理的使用 ，HWTabBar.h（自定义TabBar）

********HWDiscoverViewController.m(发现) - (void)viewDidLoad { [super viewDidLoad]; // 创建搜索框对象 HWSearchBar *searchBar = [HWSearchBar searchBar]; searchBar.width = 300; searchBar.height = 30; self.navigationItem.titleView = searchBar; //设置titleView 是搜索框

仿淘宝搜索框(点击隐藏文字)

html部分 <body> <div class="search"> <input type="text" id="txt"/> <label for="txt" id="message">必败的国际大牌</label> </div> </body> css部分 <style> .search { width:3

java简单的实现搜索框的下拉显示相关搜索功能

最近做了一个简单的搜索框下面下拉显示相关搜索的功能,有点模仿百度的下拉展示相关搜索 先上个展示图 : 点击进入演示地址,大家可以输入长点的搜索,点击搜索,再输入之前搜索词的前面部分,看是否能展示出来 搜索框相关搜索的展示很简单,就是根据你的搜索词,去数据库中匹配,是否有类似的搜索词存在,按照搜索词被搜索的次数进行排序显示出来 我设计的是每次搜索一个词,提交之后都会去数据库进行查询,看是否存在这个搜索词的搜索,若存在,则对数据库中的这个搜索词对象进行次数加1,不存在,则创建这个新搜索词对象,保存在

设置“搜索”框

** UISearchController是iOS 8** 之后推出的一个新的控件, 用于创建搜索条, 及管理搜索事件, 使用这个, 我们可以很容易的创建属于自己的搜索框, 下面就来看看这个控件的一些使用. 一. 基本使用( 同一个控制器 ) ** UISearchController一般是和UITableView结合使用, 很少会单独使用他, 而且使用UITableView** 来展示数据, 也是最佳的选择. 他的API十分简单: // 初始化方法, 参数是展示搜索结果的控制器, 如果是在当前

iOS8之后搜索框的常规实例

1.在一个二级导航控制器中添加一个UITableviewController作为子控制器 2.UITableviewController.tableView 作为展示结果 3.利用iOS之后的UISearchController 根据输入更新输入结果 @interface WJWSearchViewController ()<UISearchResultsUpdating,UITableViewDelegate,UITableViewDataSource> @property (nonatom

PullToRefreshScrollView+GridView，实现向下滑动中隐藏自定义Action布局

最近电商类项目有个需求挺头疼,要求用GridView去显示商品,滑动到底部下拉能加载更多商品,向下滑动过程中需要隐藏掉自定义的Action布局,向上滑动能显示出来,整体效果类似淘宝APP搜索结果页那样. 起初觉得挺简单的,但是后来才发现还是得转一点脑子.最开始我想用PullToRefreshGridView,但是后来发现GridView没有添加headview的方法,只能采用PullToRefreshScrollView内嵌套GridView的方法,Scrollview里多放一个空白布局当Gri

137在搜索框中实现下拉列表效果（扩展知识：表格视图数据源为空数据时显示提示信息）

效果如下: ViewController.h 1 #import <UIKit/UIKit.h> 2 #import "DropDownListViewController.h" 3 4 @interface ViewController : UITableViewController<UISearchBarDelegate, PassValueDelegate> 5 @property (strong, nonatomic) UISearchBar *sear

模仿Airbnb的悬浮搜索框动画

观察Airbnb搜索框动画的原理 先看看airbnb的效果把. 看了几遍,发现是这么一个原理: 最初搜索框是展开的 稍微向下滑动一点,搜索框收起 当搜索框已经收起后再向下滑,搜索框一直保持收起状态 在向上滑动时,只有滑动到顶部,搜索框才展开 探索实现方法 觉得这个搜索框的展开与收起跟顶部有着很大的关系,到达顶部才会展开,离开顶部就收起. 查阅Api发现,Listview OnScrollListener onScroll中有这几个参数: /** * Callback method to be i

模拟百度搜索框，输入时显示历史记录

今天写了个小demo,利用本地存储的特点,模拟百度搜索框. 主要知识是利用本地存储的特点,模拟百度搜索时的历史记录显示. 主要HTML代码为 <div class="search"> <input type="text"/> <button class="btn">搜索</button> </div> <ul class="hidden"> <li&