GridView是类似于ListView的控件,只是GridView可以使用多个列来呈现内容,而ListView是以行为单位,所以用法上是差不多的。
主布局文件,因为要做下拉刷新,所以加了一个ProgressBar,GridView的numColumns属性是指每一行有多少列
<RelativeLayout 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="com.example.girdlayoutdemo.MainActivity" > <ProgressBar android:id="@+id/pb" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" /> <GridView android:layout_below="@id/pb" android:id="@+id/gv" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_margin="5dp" android:gravity="center" android:numColumns="2" > </GridView> </RelativeLayout>
每个Item的布局文件,这里比较简单的一张图片加一段文字
<?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" > <ImageView android:id="@+id/item_iv" android:layout_width="fill_parent" android:layout_height="0dp" android:layout_weight="3" /> <TextView android:id="@+id/item_tv" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" /> </LinearLayout>
主活动代码:
public class MainActivity extends Activity { private GridView gv; private ProgressBar pb; private List<Map<String, Object>> list; private SimpleAdapter adapter; private GestureDetector gsDetector; private Handler handler = new Handler() { @Override public void handleMessage(Message msg) { switch (msg.what) { case 1: pb.setVisibility(View.GONE); Toast.makeText(MainActivity.this, "刷新成功", 200).show(); break; default: break; } } }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); pb = (ProgressBar) findViewById(R.id.pb); gv = (GridView) findViewById(R.id.gv); pb.setVisibility(View.GONE); initData(); adapter = new SimpleAdapter(this, list, R.layout.item_layout, new String[] { "image", "text" }, new int[] { R.id.item_iv, R.id.item_tv }); gv.setAdapter(adapter); gsDetector = new GestureDetector(this, new Mlistener()); gv.setOnTouchListener(new OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { // Log.e("MainActivity", event.getX()+""); return gsDetector.onTouchEvent(event); } }); } private void initData() { list = new ArrayList<Map<String, Object>>(); for (int i = 0; i < 20; i++) { Map<String, Object> map = new HashMap<String, Object>(); map.put("image", R.drawable.gift_item_default); map.put("text", "一只冰莹猪猪"); list.add(map); } } class Mlistener implements OnGestureListener { @Override public boolean onDown(MotionEvent e) { return false; } @Override public void onShowPress(MotionEvent e) { } @Override public boolean onSingleTapUp(MotionEvent e) { return false; } @Override public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) { return false; } @Override public void onLongPress(MotionEvent e) { } @Override public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) { if (e2.getY() - e1.getY() > 0 && gv.getFirstVisiblePosition() == 0) { pb.setVisibility(View.VISIBLE); Animation animation = new ScaleAnimation(1f, 1f, 0, 1f); animation.setDuration(300); pb.startAnimation(animation); new Thread(new Runnable() { @Override public void run() { try { Thread.sleep(2000); Message msg = new Message(); msg.what = 1; handler.sendMessage(msg); } catch (InterruptedException e) { // TODO Auto-generated catch block e.printStackTrace(); } } }).start(); } return false; } } }
解析:
在onCreate方法中先获取两个组件,然后把progressBar设置为隐藏,下拉的时候再显示,刷新完毕再隐藏。然后为GridView设置数据源,这里方便起见用SimpleAdapter,然后给GridView设置ontouchListener,并在onTouch方法中把触摸事件交给我们自定义的GestureDetector对象来处理,在GestureDetector的onFling方法中处理下拉事件,在里面判断是否下拉以及GridView是否在最顶端,如果是,显示progressBar控件并开一个线程来处理刷新,这里做模拟就睡眠2000毫秒,最后用message对象返回一个消息给Handler,Handler在主线程中更新GridView。
@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); pb = (ProgressBar) findViewById(R.id.pb); gv = (GridView) findViewById(R.id.gv); pb.setVisibility(View.GONE); initData(); adapter = new SimpleAdapter(this, list, R.layout.item_layout, new String[] { "image", "text" }, new int[] { R.id.item_iv, R.id.item_tv }); gv.setAdapter(adapter); gsDetector = new GestureDetector(this, new Mlistener()); gv.setOnTouchListener(new OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { // Log.e("MainActivity", event.getX()+""); return gsDetector.onTouchEvent(event); } }); }
class Mlistener implements OnGestureListener { @Override public boolean onDown(MotionEvent e) { return false; } @Override public void onShowPress(MotionEvent e) { } @Override public boolean onSingleTapUp(MotionEvent e) { return false; } @Override public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) { return false; } @Override public void onLongPress(MotionEvent e) { } @Override public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) { if (e2.getY() - e1.getY() > 0 && gv.getFirstVisiblePosition() == 0) { pb.setVisibility(View.VISIBLE); Animation animation = new ScaleAnimation(1f, 1f, 0, 1f); animation.setDuration(300); pb.startAnimation(animation); new Thread(new Runnable() { @Override public void run() { try { Thread.sleep(2000); Message msg = new Message(); msg.what = 1; handler.sendMessage(msg); } catch (InterruptedException e) { // TODO Auto-generated catch block e.printStackTrace(); } } }).start(); } return false; } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
本文向大家介绍Android下拉刷新SwipeRefreshLayout控件使用方法,包括了Android下拉刷新SwipeRefreshLayout控件使用方法的使用技巧和注意事项,需要的朋友参考一下 我们知道现在的material design十分的流行,而SwipeRefreshLayout 就是原生的一个效果(也是Facebook下拉刷新效果)SwipeRefreshLayout 是一个下
本文向大家介绍Android下拉刷新官方版,包括了Android下拉刷新官方版的使用技巧和注意事项,需要的朋友参考一下 网上关于下拉刷新的文章也不少,不过都太长了。恰好发现了官方的下拉刷新库,而且效果还是不错的,简洁美观,用得也挺方便。 下面是效果图: 我的好友原来是空的,刷新后多了两个。 使用还是挺方便的,在布局文件中加入SwipeRefreshLayout ,这个就是下拉刷新的布局。 我在Sw
本文向大家介绍Android App使用RecyclerView实现上拉和下拉刷新的方法,包括了Android App使用RecyclerView实现上拉和下拉刷新的方法的使用技巧和注意事项,需要的朋友参考一下 关于RecyclerView RecyclerView在Android 5.0以来被引入,以前经常使用的ListView 继承的是AbsListView,而RecyclerView则直接继
本文向大家介绍vue下拉刷新组件的开发及slot的使用详解,包括了vue下拉刷新组件的开发及slot的使用详解的使用技巧和注意事项,需要的朋友参考一下 “下拉刷新”和“上滑加载更多”功能在前端、尤其是移动端项目中非常重要,这里笔者由曾经做过的vue项目中的“blink”功能和各位探讨下【下拉刷新】组件的开发: 正式开篇 在前端项目的 components 文件夹下新建 pullRefreshVie
本文向大家介绍Android中ListView下拉刷新的实现方法,包括了Android中ListView下拉刷新的实现方法的使用技巧和注意事项,需要的朋友参考一下 ListView中的下拉刷新是非常常见的,也是经常使用的,看到有很多同学想要,那我就整理一下,供大家参考。那我就不解释,直接上代码了。 这里需要自己重写一下ListView,重写代码如下: 重写完ListView之后,在布局文件中是这么
本文向大家介绍Android实现上拉加载更多以及下拉刷新功能(ListView),包括了Android实现上拉加载更多以及下拉刷新功能(ListView)的使用技巧和注意事项,需要的朋友参考一下 首先为大家介绍Andorid5.0原生下拉刷新简单实现。 先上效果图; 相对于上一个19.1.0版本中的横条效果好看了很多。使用起来也很简单。 几行代码就可以实现下拉刷新,效果也还不错,不用引入第三方ja