1. 程式人生 > >系統內建的下拉重新整理

系統內建的下拉重新整理

UITableView是我們最常用的iOS開發控制元件之一,列表的重新整理也是我們不得不的經常處理的操作,一般情況下我們會藉助於第三方的重新整理來實現(例如MJRefresh),其實早在iOS6.0系統就開始嘗試整合內建列表的重新整理控制元件,可以滿足一般意義上的下拉重新整理操作,使用也非常簡單,下面就讓我們來看一下這個內建的UIRefreshControl重新整理控制元件。

UIRefreshControl

該內建重新整理控制元件自iOS6.0之後開始支援,繼承自UIControl,主要用於UITableView的下拉重新整理(目前系統只在UITableViewController中集成了該控制元件)。UIRefreshControl控制元件具有三個基本的屬性,使用起來也相對簡單:


第一個refreshing,只讀屬性用來獲取控制元件當前的狀態,以便根據響應狀態進行不同的操作;

第二個tintColor,主要用於設定“旋轉菊花”渲染顏色;

第三個attributedTitle,主要用於設定顯示文字的屬性資訊;

只用兩個可供使用的方法:


- (void)beginRefreshing NS_AVAILABLE_IOS(6_0);開始重新整理操作,該方法可以不被顯性呼叫,例如在向下重新整理的過程中,只要向下拉動tableView,該方法會被系統自動呼叫,開始重新整理操作。

- (void)endRefreshing NS_AVAILABLE_IOS(6_0);停止重新整理操作,該方法需要顯性呼叫,來終止重新整理操作。


UIRefreshControl使用

目前系統只在UITableViewController中集成了該重新整理控制元件的使用,只需要對UITableViewController的refreshControl屬性進行相關操作即可。我們簡單模擬一下使用:


由於UIRefreshControl繼承自UIControl,所以可以通過addTarget方法新增響應事件,進行互動操作。基本使用還是很靈敏的,對於簡單的下拉重新整理操作互動,完全可以藉助該內建控制元件進行實現,增加了更多的可操作性和靈活性。

相關推薦

系統重新整理

UITableView是我們最常用的iOS開發控制元件之一,列表的重新整理也是我們不得不的經常處理的操作,一般情況下我們會藉助於第三方的重新整理來實現(例如MJRefresh),其實早在iOS6.0系

[Swift通天遁地]二、表格表單-(4)使用系統自帶的重新整理控制元件,製作表格的重新整理效果

本文將演示如何使用系統自帶的下拉重新整理控制元件,製作表格的下拉重新整理效果。 在專案導航區,開啟檢視控制器的程式碼檔案【ViewController.swift】 現在開始編寫程式碼,實現表格的下拉重新整理功能。 1 import UIKit 2 3 //使當前的檢視控制器類,遵循表

自定義SwipeRefreshLayout實現上載入更多並自帶系統重新整理

/** * Created by lzy on 2017/6/6 0006. */ public class MySwipeRefreshLayout extends SwipeRefreshLayout{ private final TextView mFoo

[log] vue使用Mint元件實現重新整理、上載入

https://mint-ui.github.io/docs/#/zh-cn2/loadmore 使用的vue <mt-loadmore :top-method="loadTop" :bottom

WaveSwipeRefreshLayout +RecyclerView 實現簡單的水滴重新整理

第一步: 1.在app build.gradle中加入依賴: implementation 'com.github.recruit-lifestyle:WaveSwipeRefreshLayout:1.6' 2.AndroidManifest中新增網路許可權

react native之listview加重新整理分頁

直接上程式碼 var REQUEST_URL = 'xxxx&page='; import React, { Component } from 'react'; import { AppRegistry, Image, StyleSheet, Text, Vie

Android從零擼美團(二) - 仿美團重新整理自定義動畫

這是【從零擼美團】系列文章第二篇。 專案地址:github.com/cachecats/L… 今天寫了下拉重新整理,框架用的是 SmartRefreshLayout ,不為啥,因為 Github 上它有 9.5k 個 star,中文支援好節省時間。 先上圖: 一、分析 美團的下拉載入動

ionic 中的重新整理

ionic 頁面中加入下拉重新整理ion-refresh <!-- 下拉重新整理 --> < ion-refresher ( ionRefresh)= "doRefresh($event)" >

微信公眾號和微信瀏覽器中網頁實現重新整理

原生JS實現微信公眾號或網頁使用下拉載入和上拉重新整理 微信瀏覽器開啟網頁顯示網址安全資訊,導致下拉重新整理用不了。解決辦法,網上很多辦法,也找了很久,但是最新的很多用不了。 後來自己根據網上的一些資料,造了個輪子。先看看效果,是不是親想要的,可以跳過,以免浪費寶貴時間。用微信開啟以下網址瀏

WebApp-mui列表頁上載入重新整理 跳轉詳情頁

列表頁 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=de

XrecyclerView上載入重新整理+RXjava+retrofit+fresco+MVP

依賴: //XrecyclerView:          compile 'com.jcodecraeer:xrecyclerview:1.5.9' //RXjava依賴:     implement

Android UI- PullToRrefresh自定義重新整理動畫

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

Android UI 自定義ListView 實現重新整理 載入更多

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

重新整理效果

<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=

react native自定義實現重新整理載入

1·定義元件 PageListView.js  /** * 上拉重新整理/下拉載入更多 元件 */ import React, { Component } from 'react'; import { Text, View, ListView, FlatList

MUI重新整理與區域滾動衝突的解決辦法

加上這個樣式,就可以解決了(推薦) .mui-plus-pullrefresh .mui-scroll { position: absolute; width: 100%; } 如果上面的不行

微信小程式——重新整理(分頁)

1、先定義兩個變數:   // 分頁,載入 hasMoreData:true, globalPage:0,  2、函式處理:   3、與後臺互動:  1)、在獲取列表的方法裡面,將下面兩個引數以及其他所需

小程式上載入重新整理

小程式上拉載入下拉重新整理 在小程式api裡設定 onPullDownRefresh 下拉重新整理 onReachBottom 上拉觸低 想要使用這兩個方法還要在json檔案裡配置 “onReachBottomDistance”:true, 開啟上拉 “enablePullDownR

mui 重新整理載入

轉自http://ask.dcloud.net.cn/question/1247 動態禁止和恢復上下拉重新整理 留著做個demo 需要暫時禁止和恢復上下拉重新整理,我的初始化程式碼如下: mui.init({ styles: { top: ‘42px’, //子頁面頂部位置

側滑+多條目+上載入+重新整理+無線輪播

APP package com.example.week_02_02; import android.app.Application; import com.nostra13.universalimageloader.core.DisplayImageOptions; import