web-dev-qa-db-ja.com

Swiftでpullを使ってリフレッシュする方法は？

私はSwiftを使ってRSSリーダーを構築しており、pull to reload機能を実装する必要があります。

これが私がやろうとしている方法です。

class FirstViewController: UIViewController,
    UITableViewDelegate, UITableViewDataSource {

   @IBOutlet var refresh: UIScreenEdgePanGestureRecognizer
   @IBOutlet var newsCollect: UITableView

   var activityIndicator:UIActivityIndicatorView? = nil

   override func viewDidLoad() {
       super.viewDidLoad()
       self.newsCollect.scrollEnabled = true
      // Do any additional setup after loading the view, typically from a nib.

      if nCollect.news.count <= 2{
          self.collectNews()
       }
      else{
          self.removeActivityIndicator()
       }
      view.addGestureRecognizer(refresh)
   }



@IBAction func reload(sender: UIScreenEdgePanGestureRecognizer) {
    nCollect.news = News[]()
    return newsCollect.reloadData()
}

私は得ています：

Super.init呼び出しでプロパティ 'self.refresh'が初期化されていません

ジェスチャー認識機能の動作を理解してください。実用的なサンプルコードは大いに役立ちます。

ありがとう。

iosswiftxcodeuirefreshcontrol
198
xrage

プルアップはiOSに組み込まれています。あなたはこれをSwiftで行うことができます

var refreshControl = UIRefreshControl()

override func viewDidLoad() {
   super.viewDidLoad()

   refreshControl.attributedTitle = NSAttributedString(string: "Pull to refresh")
   refreshControl.addTarget(self, action: #selector(refresh(_:)), for: UIControl.Event.valueChanged)
   tableView.addSubview(refreshControl) // not required when using UITableViewController
}

@objc func refresh(sender:AnyObject) {
   // Code to refresh table view  
}

いくつかの時点であなたはさわやかな終了することができます。

refreshControl.endRefreshing()
508
Anil Varghese

ストーリーボードとSwiftによるソリューション...

1.）ストーリーボードファイルを開き、ストーリーボードでTableViewControllerを選択して、ユーティリティのTable View Controller - 更新機能を有効にします。

enter image description here

2.）関連するUITableViewController-Classを開き、viewDidLoad-Methodに次の行を追加します。

self.refreshControl?.addTarget(self, action: "refresh:", forControlEvents: UIControlEvents.ValueChanged)

Swift 2.2ではまたは：

self.refreshControl?.addTarget(self, action: #selector(TestTableViewController.refresh(_:)), forControlEvents: UIControlEvents.ValueChanged)

3.）viewDidLoadメソッドの上に次のメソッドを追加します。

func refresh(sender:AnyObject)
{
    // Updating your data here...

    self.tableView.reloadData()
    self.refreshControl?.endRefreshing()
}
124
Blank

iOS 10 - Swift 3（iOS 11 - Swift 4にも適用可能）

IOS 10以降に含まれているPRETTY COOL機能について説明します。

今のところ、 UIRefreshControl は、UICollectionView、UITableViewおよびUIScrollViewのそれぞれで直接サポートされています。

これらの各ビューには refreshControl インスタンスプロパティがあります。つまり、サブビューとして追加する必要はもうありません。スクロールビュー、あなたがしなければならないのは、ただ：

@IBOutlet weak var collectionView: UICollectionView!

override func viewDidLoad() {
    super.viewDidLoad()

    let refreshControl = UIRefreshControl()
    refreshControl.addTarget(self, action: #selector(doSomething), for: .valueChanged)

    // this is the replacement of implementing: "collectionView.addSubview(refreshControl)"
    collectionView.refreshControl = refreshControl
}

func doSomething(refreshControl: UIRefreshControl) {
    print("Hello World!")

    // somewhere in your code you might need to call:
    refreshControl.endRefreshing()
}

個人的には、サブビューとして追加するよりも、スクロールビューのプロパティとして扱うよりも自然なことがわかります。特に、UIRefreshControlのスーパービューとして適切である唯一のビューはスクロールビューであるため、UIRefreshControlを使用する機能はスクロールビューを扱うときに便利です。そのため、この方法が更新管理ビューを設定する上でより明確になるはずです。

ただし、iOSバージョンに基づいてaddSubviewを使用することもできます。

if #available(iOS 10.0, *) {
  collectionView.refreshControl = refreshControl
} else {
  collectionView.addSubview(refreshControl)
}
63
Ahmad F

Swift 4

var refreshControl: UIRefreshControl!

override func viewDidLoad() {
    super.viewDidLoad()

    refreshControl = UIRefreshControl()
    refreshControl.attributedTitle = NSAttributedString(string: "Pull to refresh")
    refreshControl.addTarget(self, action: #selector(refresh), for: .valueChanged)
    tableView.addSubview(refreshControl) 
}

@objc func refresh(_ sender: Any) {
    //  your code to refresh tableView
}

そして、あなたはリフレッシュして止めることができます：

refreshControl.endRefreshing()
38
Gilad Brunfman

Swiftでこれを使って、

WebViewで更新してプルしたい場合は、

だから、このコードを試してみてください：

override func viewDidLoad() {
    super.viewDidLoad()
    addPullToRefreshToWebView()
}

func addPullToRefreshToWebView(){
    var refreshController:UIRefreshControl = UIRefreshControl()

    refreshController.bounds = CGRectMake(0, 50, refreshController.bounds.size.width, refreshController.bounds.size.height) // Change position of refresh view
    refreshController.addTarget(self, action: Selector("refreshWebView:"), forControlEvents: UIControlEvents.ValueChanged)
    refreshController.attributedTitle = NSAttributedString(string: "Pull down to refresh...")
    YourWebView.scrollView.addSubview(refreshController)

}

func refreshWebView(refresh:UIRefreshControl){
    YourWebView.reload()
    refresh.endRefreshing()
}
6
Zaid Pathan

Anhilの答えは私に大いに役立ちました。

しかし、さらに実験を重ねた結果、提案された解決策は時々それほど美しくない UIグリッチ を引き起こすことに気付きました。

代わりに、 このアプローチ *に進むことは私にとってトリックでした。

* Swift 2.1

//Create an instance of a UITableViewController. This will Host your UITableView.
private let tableViewController = UITableViewController()

//Add tableViewController as a childViewController and set its tableView property to your UITableView.
self.addChildViewController(self.tableViewController)
self.tableViewController.tableView = self.tableView
self.refreshControl.addTarget(self, action: "refreshData:", forControlEvents: .ValueChanged)
self.tableViewController.refreshControl = self.refreshControl
5
Leverin
func pullToRefresh(){

    let refresh = UIRefreshControl()
    refresh.addTarget(self, action: #selector(handleTopRefresh(_:)), for: .valueChanged )
    refresh.tintColor = UIColor.appBlack
    self.tblAddressBook.addSubview(refresh)

}
@objc func handleTopRefresh(_ sender:UIRefreshControl){
    self.callAddressBookListApi(isLoaderRequired: false)
    sender.endRefreshing()
}
2
hiren

エラーがあなたに言っているのは、refreshが初期化されていないということです。 refreshをオプションにしないことを選択したことに注意してください。Swiftでは、super.initを呼び出す前ににの値を指定しますあなたの場合のようです）。 refreshをオプション（おそらくあなたが望むもの）にするか、何らかの方法でそれを初期化します。

Swift入門文書をもう一度読むことをお勧めします。

@Anilが指摘しているように、答えの一部ではない、最後の1つは、UIRefresControlと呼ばれるiOSのリフレッシュ制御への組み込みのプルです。

2
JustSid

私はPull To refresh機能を最初に持っているRSSフィードアプリを作りました。

しかし、上記のユーザーの回答に追加するために、私は私のユースケースを至る所で探していましたが、それを見つけることができませんでした。私はウェブからデータをダウンロードしていました（RSSFeed）そして私はリフレッシュするためにストーリーのテーブルビューをプルダウンしたいと思いました。

上で述べたことは正しい分野をカバーしますが、人々が抱えている問題のいくつかで、ここに私がしたことがあります、そしてそれは御馳走を働きます：

@Blankarschのアプローチを取り、main.storyboardに移動してリフレッシュを使用するためにテーブルビューを選択した後、リフレッシュを効率的に使用するためのIBOutletとIBActionの作成について言及していませんでした。

//Created from main.storyboard cntrl+drag refresh from left scene to assistant editor
@IBOutlet weak var refreshButton: UIRefreshControl

override func viewDidLoad() {
  ...... 
  ......
  //Include your code
  ......
  ......
  //Is the function called below, make sure to put this in your viewDidLoad 
  //method or not data will be visible when running the app
  getFeedData()
}

//Function the gets my data/parse my data from the web (if you havnt already put this in a similar function)
//remembering it returns nothing, hence return type is "-> Void"
func getFeedData() -> Void{
  .....
  .....
}

//From main.storyboard cntrl+drag to assistant editor and this time create an action instead of outlet and 
//make sure arguments are set to none and note sender
@IBAction func refresh() {
  //getting our data by calling the function which gets our data/parse our data
  getFeedData()

  //note: refreshControl doesnt need to be declared it is already initailized. Got to love xcode
  refreshControl?.endRefreshing()
}

これが私と同じ状況の誰かに役立つことを願っています

2
Dom Bryan

私はあらゆるクラスで使うためにpull to Refreshの拡張を作ることを提案します。

1）空のSwiftファイルを作ります：File - New - File - Swift File。

2）以下を追加

    //  AppExtensions.Swift

    import Foundation
    import UIKit    

    var tableRefreshControl:UIRefreshControl = UIRefreshControl()    

    //MARK:- VIEWCONTROLLER EXTENSION METHODS
    public extension UIViewController
    {
        func makePullToRefreshToTableView(tableName: UITableView,triggerToMethodName: String){

            tableRefreshControl.attributedTitle = NSAttributedString(string: "TEST: Pull to refresh")
            tableRefreshControl.backgroundColor = UIColor.whiteColor()
            tableRefreshControl.addTarget(self, action: Selector(triggerToMethodName), forControlEvents: UIControlEvents.ValueChanged)
            tableName.addSubview(tableRefreshControl)
        }
        func makePullToRefreshEndRefreshing (tableName: String)
        {
            tableRefreshControl.endRefreshing()
//additional codes

        }
    }

3）View Controllerでは、これらのメソッドを次のように呼び出します。

  override func viewWillAppear(animated: Bool) {

self.makePullToRefreshToTableView(bidderListTable, triggerToMethodName: "pullToRefreshBidderTable")
}

4）ある時点で爽快を終えたいと思いました：

  func pullToRefreshBidderTable() {
self.makePullToRefreshEndRefreshing("bidderListTable")    
//Code What to do here.
}
OR    
self.makePullToRefreshEndRefreshing("bidderListTable")
1
A.G

詳細

  • Xcodeバージョン10.3（10G8）、Swift 5

特徴

  • 「プルして更新」をプログラムで行う機能
  • 複数の「プルからリフレッシュ」イベントからの保護
  • ビューコントローラーが切り替わったときに、アクティビティインジケーターのアニメーションを継続する機能（TabControllerの場合など）

溶液

import UIKit

class RefreshControl: UIRefreshControl {

    private weak var actionTarget: AnyObject?
    private var actionSelector: Selector?
    override init() { super.init() }

    convenience init(actionTarget: AnyObject?, actionSelector: Selector) {
        self.init()
        self.actionTarget = actionTarget
        self.actionSelector = actionSelector
        addTarget()
    }

    private func addTarget() {
        guard let actionTarget = actionTarget, let actionSelector = actionSelector else { return }
        addTarget(actionTarget, action: actionSelector, for: .valueChanged)
    }

    required init?(coder aDecoder: NSCoder) { super.init(coder: aDecoder) }

    func endRefreshing(deadline: DispatchTime? = nil) {
        guard let deadline = deadline else { endRefreshing(); return }
        DispatchQueue.global(qos: .default).asyncAfter(deadline: deadline) { [weak self] in
            DispatchQueue.main.async { self?.endRefreshing() }
        }
    }

    func refreshActivityIndicatorView() {
        guard let selector = actionSelector else { return }
        let _isRefreshing = isRefreshing
        removeTarget(actionTarget, action: selector, for: .valueChanged)
        endRefreshing()
        if _isRefreshing { beginRefreshing() }
        addTarget()
    }

    func generateRefreshEvent() {
        beginRefreshing()
        sendActions(for: .valueChanged)
    }
}

public extension UIScrollView {

    private var _refreshControl: RefreshControl? { return refreshControl as? RefreshControl }

    func addRefreshControll(actionTarget: AnyObject?, action: Selector, replaceIfExist: Bool = false) {
        if !replaceIfExist && refreshControl != nil { return }
        refreshControl = RefreshControl(actionTarget: actionTarget, actionSelector: action)
    }

    func scrollToTopAndShowRunningRefreshControl(changeContentOffsetWithAnimation: Bool = false) {
        _refreshControl?.refreshActivityIndicatorView()
        guard   let refreshControl = refreshControl,
                contentOffset.y != -refreshControl.frame.height else { return }
        setContentOffset(CGPoint(x: 0, y: -refreshControl.frame.height), animated: changeContentOffsetWithAnimation)
    }

    private var canStartRefreshing: Bool {
        guard let refreshControl = refreshControl, !refreshControl.isRefreshing else { return false }
        return true
    }

    func startRefreshing() {
        guard canStartRefreshing else { return }
        _refreshControl?.generateRefreshEvent()
    }

    func pullAndRefresh() {
        guard canStartRefreshing else { return }
        scrollToTopAndShowRunningRefreshControl(changeContentOffsetWithAnimation: true)
        _refreshControl?.generateRefreshEvent()
    }

    func endRefreshing(deadline: DispatchTime? = nil) { _refreshControl?.endRefreshing(deadline: deadline) }
}

使用法

// Add refresh control to UICollectionView / UITableView / UIScrollView
private func setupTableView() {
    let tableView = UITableView()
    // ...
    tableView.addRefreshControll(actionTarget: self, action: #selector(refreshData))
}

@objc func refreshData(_ refreshControl: UIRefreshControl) {
    tableView?.endRefreshing(deadline: .now() + .seconds(3))
}

// Stop refreshing in UICollectionView / UITableView / UIScrollView
tableView.endRefreshing()

// Simulate pull to refresh in UICollectionView / UITableView / UIScrollView
tableView.pullAndRefresh()

完全なサンプル

ソリューションコードをここに追加を忘れないでください

import UIKit

class ViewController: UIViewController {

    private weak var tableView: UITableView?

    override func viewDidLoad() {
        super.viewDidLoad()
        setupTableView()
    }

    private func setupTableView() {
        let tableView = UITableView()
        view.addSubview(tableView)
        tableView.translatesAutoresizingMaskIntoConstraints = false
        tableView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
        tableView.leftAnchor.constraint(equalTo: view.leftAnchor).isActive = true
        tableView.rightAnchor.constraint(equalTo: view.rightAnchor).isActive = true
        tableView.bottomAnchor.constraint(equalTo: view.bottomAnchor).isActive = true
        tableView.dataSource = self
        tableView.delegate = self
        tableView.addRefreshControll(actionTarget: self, action: #selector(refreshData))
        self.tableView = tableView
    }
}

extension ViewController {
    @objc func refreshData(_ refreshControl: UIRefreshControl) {
        print("refreshing")
        tableView?.endRefreshing(deadline: .now() + .seconds(3))
    }
}

extension ViewController: UITableViewDataSource {
    func numberOfSections(in tableView: UITableView) -> Int { return 1 }
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { return 20 }
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = UITableViewCell()
        cell.textLabel?.text = "\(indexPath)"
        return cell
    }
}

extension ViewController: UITableViewDelegate {
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        tableView.pullAndRefresh()
    }
}
1
Vasily Bodnarchuk

私が使っているリフレッシュするためのプルのために

DGElasticPullToRefresh

https://github.com/gontovnik/DGElasticPullToRefresh

インストール

ポッド 'DGElasticPullToRefresh'

import DGElasticPullToRefresh

そしてこの関数をあなたのSwiftファイルに入れて、この関数をあなたのファイルから呼び出してください。

override func viewWillAppear（_ animated：Bool）

     func Refresher() {
      let loadingView = DGElasticPullToRefreshLoadingViewCircle()
      loadingView.tintColor = UIColor(red: 255.0/255.0, green: 255.0/255.0, blue: 255.0/255.0, alpha: 1.0)
      self.table.dg_addPullToRefreshWithActionHandler({ [weak self] () -> Void in

          //Completion block you can perfrom your code here.

           print("Stack Overflow")

           self?.table.dg_stopLoading()
           }, loadingView: loadingView)
      self.table.dg_setPullToRefreshFillColor(UIColor(red: 255.0/255.0, green: 57.0/255.0, blue: 66.0/255.0, alpha: 1))
      self.table.dg_setPullToRefreshBackgroundColor(self.table.backgroundColor!)
 }

ビューが消える間、参照を削除することを忘れないでください

更新するためにpullを削除するには、このコードを

override func viewDidDisappear（_ animated：Bool）

override func viewDidDisappear(_ animated: Bool) {
      table.dg_removePullToRefresh()

 }

そしてそれはのようになります

enter image description here

ハッピーコーディング:)

1
Azharhussain Shaikh

あなたはtableViewのこのサブクラスを使うことができます：

import UIKit

protocol PullToRefreshTableViewDelegate : class {
    func tableViewDidStartRefreshing(tableView: PullToRefreshTableView)
}

class PullToRefreshTableView: UITableView {

    @IBOutlet weak var pullToRefreshDelegate: AnyObject?
    private var refreshControl: UIRefreshControl!
    private var isFirstLoad = true

    override func willMoveToSuperview(newSuperview: UIView?) {
        super.willMoveToSuperview(newSuperview)

        if (isFirstLoad) {
            addRefreshControl()
            isFirstLoad = false
        }
    }

    private func addRefreshControl() {
        refreshControl = UIRefreshControl()
        refreshControl.attributedTitle = NSAttributedString(string: "Pull to refresh")
        refreshControl.addTarget(self, action: "refresh", forControlEvents: .ValueChanged)
        self.addSubview(refreshControl)
    }

    @objc private func refresh() {
       (pullToRefreshDelegate as? PullToRefreshTableViewDelegate)?.tableViewDidStartRefreshing(self)
    }

    func endRefreshing() {
        refreshControl.endRefreshing()
    }

}

1 - インターフェイスビルダーで、tableViewのクラスをPullToRefreshTableViewに変更するか、プログラムでPullToRefreshTableViewを作成します。

2 - ビューコントローラにPullToRefreshTableViewDelegateを実装する

3 - Table Viewの更新が開始されると、tableViewDidStartRefreshing(tableView: PullToRefreshTableView)がView Controllerで呼び出されます。

4 - yourTableView.endRefreshing()を呼び出してリフレッシュを終了する

0
Chuy47

これが私がXcode 7.2を使って動作させる方法で、これは大きなバグだと思います。私は私のUITableViewControllerの中で私のviewWillAppearの中でそれを使っています

refreshControl = UIRefreshControl()
refreshControl!.addTarget(self, action: "configureMessages", forControlEvents: .ValueChanged)
refreshControl!.beginRefreshing()

configureMessages()

func configureMessages() {
    // configuring messages logic here

    self.refreshControl!.endRefreshing()
}

お分かりのように、私は文字通り私のUIRefreshControlを設定した後にconfigureMessage()メソッドを呼び出さなければなりません。その後、その後の更新はうまくいくでしょう。

0
jaytrixz