UIRefreshControl ที่ไม่มี UITableViewController

แค่อยากรู้อยากเห็นเพราะมันดูเหมือนจะเป็นไปไม่ได้ในทันที แต่มีวิธีลับๆล่อๆเพื่อใช้UIRefreshControlคลาสiOS 6 ใหม่โดยไม่ต้องใช้UITableViewControllerคลาสย่อยหรือไม่?

ฉันมักจะใช้UIViewControllerกับย่อยUITableViewและสอดคล้องกับUITableViewDataSourceและUITableViewDelegateมากกว่าการใช้UITableViewControllerทันที

เกี่ยวกับลางสังหรณ์และขึ้นอยู่กับแรงบันดาลใจ DrummerB ของฉันพยายามเพียงแค่เพิ่มUIRefreshControlเช่นเป็น subview UITableViewกับฉัน และมันก็ใช้งานได้อย่างน่าอัศจรรย์!

UIRefreshControl *refreshControl = [[UIRefreshControl alloc] init];
[refreshControl addTarget:self action:@selector(handleRefresh:) forControlEvents:UIControlEventValueChanged];
[self.myTableView addSubview:refreshControl];

สิ่งนี้จะเพิ่มUIRefreshControlมุมมองตารางข้างต้นของคุณและทำงานตามที่คาดไว้โดยไม่ต้องใช้UITableViewController:)

แก้ไข: สิ่งนี้ยังคงใช้งานได้ แต่ตามที่มีบางคนชี้ให้เห็นว่ามี "พูดติดอ่าง" เล็กน้อยเมื่อเพิ่ม UIRefreshControl ในลักษณะนี้ วิธีแก้ปัญหานั่นคือยกตัวอย่าง UITableViewController แล้วตั้งค่า UIRefreshControl และ UITableView ของคุณเช่น:

UITableViewController *tableViewController = [[UITableViewController alloc] init];
tableViewController.tableView = self.myTableView;

self.refreshControl = [[UIRefreshControl alloc] init];
[self.refreshControl addTarget:self action:@selector(getConnections) forControlEvents:UIControlEventValueChanged];
tableViewController.refreshControl = self.refreshControl;

เพื่อขจัดพูดติดอ่างที่เกิดจากคำตอบที่ได้รับการยอมรับคุณสามารถกำหนดของคุณไปUITableViewUITableViewController

_tableViewController = [[UITableViewController alloc]initWithStyle:UITableViewStylePlain];
[self addChildViewController:_tableViewController];

_tableViewController.refreshControl = [UIRefreshControl new];
[_tableViewController.refreshControl addTarget:self action:@selector(loadStream) forControlEvents:UIControlEventValueChanged];

_theTableView = _tableViewController.tableView;

แก้ไข:

วิธีเพิ่ม a UIRefreshControlไม่UITableViewControllerด้วยไม่มีการพูดติดอ่างและเก็บภาพเคลื่อนไหวที่ดีหลังจากรีเฟรชข้อมูลบนมุมมองตาราง

UIRefreshControl *refreshControl = [UIRefreshControl new];
[refreshControl addTarget:self action:@selector(handleRefresh:) forControlEvents:UIControlEventValueChanged];
[self.theTableView addSubview:refreshControl];
[self.theTableView sendSubviewToBack:refreshControl];

ต่อมาเมื่อจัดการข้อมูลที่รีเฟรช ...

- (void)handleRefresh:(UIRefreshControl *)refreshControl {
    [self.theTableView reloadData];
    [self.theTableView layoutIfNeeded];
    [refreshControl endRefreshing];
}

สิ่งที่คุณควรลองคือใช้มุมมองคอนเทนเนอร์ภายใน ViewController ที่คุณใช้ คุณสามารถกำหนดคลาสย่อย clean UITableViewController ด้วย tableview เฉพาะและวางไว้ใน ViewController

UIRefreshControl เป็นคลาสย่อยของ UIView ดังนั้นคุณสามารถใช้มันด้วยตัวเอง ฉันไม่แน่ใจว่ามันจะแสดงผลอย่างไร การเรนเดอร์อาจขึ้นอยู่กับเฟรม แต่ก็สามารถพึ่งพา UIScrollView หรือ UITableViewController

ไม่ว่าจะด้วยวิธีใดมันจะเป็นการแฮ็คมากกว่าโซลูชันที่สง่างาม ฉันขอแนะนำให้คุณดูเป็นหนึ่งในโคลนของบุคคลที่สามที่มีอยู่หรือเขียนของคุณเอง

ODRefreshControl

SlimeRefresh

ลองล่าช้าในการเรียกร้องให้ refreshControl -endRefreshวิธีโดยเสี้ยววินาทีหลังจาก tableView โหลดเนื้อหาของมันโดยใช้ NSObject ของ-performSelector:withObject:afterDelay:หรือ dispatch_afterGCD

ฉันสร้างหมวดหมู่บน UIRefreshControl สำหรับสิ่งนี้:

@implementation UIRefreshControl (Delay)

- (void)endRefreshingAfterDelay:(NSTimeInterval)delay {
    dispatch_time_t popTime = dispatch_time(DISPATCH_TIME_NOW, (int64_t)(delay * NSEC_PER_SEC));
    dispatch_after(popTime, dispatch_get_main_queue(), ^(void){
        [self endRefreshing];
    });
}

@end

ฉันทดสอบแล้วและยังสามารถใช้งานได้กับคอลเลกชันวิว ฉันสังเกตเห็นว่าการหน่วงเวลาน้อยเพียง 0.01 วินาทีก็เพียงพอแล้ว:

// My data refresh process here while the refresh control 'isRefreshing'
[self.tableView reloadData];
[self.refreshControl endRefreshingAfterDelay:.01];

IOS 10 Swift 3.0

มันง่าย

import UIKit

class ViewControllerA: UIViewController, UITableViewDataSource, UITableViewDelegate {

    @IBOutlet weak var myTableView: UITableView!

    override func viewDidLoad() {
        super.viewDidLoad()

        myTableView.delegate = self
        myTableView.dataSource = self

        if #available(iOS 10.0, *) {
            let refreshControl = UIRefreshControl()
            let title = NSLocalizedString("PullToRefresh", comment: "Pull to refresh")
            refreshControl.attributedTitle = NSAttributedString(string: title)
            refreshControl.addTarget(self,
                                     action: #selector(refreshOptions(sender:)),
                                     for: .valueChanged)
            myTableView.refreshControl = refreshControl
        }
    }

    @objc private func refreshOptions(sender: UIRefreshControl) {
        // Perform actions to refresh the content
        // ...
        // and then dismiss the control
        sender.endRefreshing()
    }

    // MARK: - Table view data source

    func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 12
    }


    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "reuseIdentifier", for: indexPath)

        cell.textLabel?.text = "Cell \(String(indexPath.row))"
        return cell
    }

}

หากคุณต้องการที่จะเรียนรู้เกี่ยวกับ iOS 10 UIRefreshControl อ่านที่นี่

การเพิ่มการควบคุมการรีเฟรชเป็นมุมมองย่อยจะสร้างพื้นที่ว่างด้านบนของส่วนหัว

แต่ฉันฝัง UITableViewController ลงใน UIViewController ของฉันจากนั้นเปลี่ยนtableViewคุณสมบัติของฉันให้หันไปทางฝังตัวหนึ่งและวิโอล่า! การเปลี่ยนแปลงรหัสน้อยที่สุด :-)

ขั้นตอน:

1. สร้าง UITableViewController ใหม่ใน Storyboard และฝังไว้ใน UIViewController ดั้งเดิมของคุณ
2. แทนที่@IBOutlet weak var tableView: UITableView!ด้วยอันจาก UITableViewController ที่ฝังใหม่ดังที่แสดงด้านล่าง

class MyViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
    weak var tableView: UITableView!

    override func viewDidLoad() {
        super.viewDidLoad()

        let tableViewController = self.childViewControllers.first as! UITableViewController
        tableView = tableViewController.tableView
        tableView.dataSource = self
        tableView.delegate = self

        // Now we can (properly) add the refresh control
        let refreshControl = UIRefreshControl()
        refreshControl.addTarget(self, action: "handleRefresh:", forControlEvents: .ValueChanged)
        tableViewController.refreshControl = refreshControl
    }

    ...
}

สำหรับ Swift 2.2

ก่อนอื่นให้สร้าง UIRefreshControl ()

var refreshControl : UIRefreshControl!

ในเมธอด viewDidLoad () ของคุณให้เพิ่ม:

refreshControl = UIRefreshControl()
    refreshControl.attributedTitle = NSAttributedString(string: "Refreshing..")
    refreshControl.addTarget(self, action: #selector(YourUIViewController.refresh(_:)), forControlEvents: UIControlEvents.ValueChanged)
    self.tableView.addSubview(refreshControl)

และทำให้ฟังก์ชั่นรีเฟรช

func refresh(refreshControl: UIRefreshControl) {

    // do something ...

    // reload tableView
    self.tableView.reloadData()

    // End refreshing
    refreshControl.endRefreshing()
}

นี่คือวิธีแก้ปัญหาอื่นซึ่งแตกต่างกันเล็กน้อย

ฉันต้องใช้มันเนื่องจากปัญหามุมมองลำดับชั้นบางอย่างที่ฉันมี: ฉันกำลังสร้างฟังก์ชันบางอย่างที่จำเป็นต้องส่งมุมมองไปยังสถานที่ต่าง ๆ ในลำดับชั้นการดูซึ่งใช้งานไม่ได้เมื่อใช้มุมมองตารางของ UITableViewController self.view) และไม่ใช่แค่มุมมองปกติเท่านั้นมันสร้างลำดับชั้นควบคุม / มุมมองที่ไม่สอดคล้องกันและทำให้เกิดความผิดพลาด

โดยทั่วไปสร้างคลาสย่อยของคุณเองของ UITableViewController และแทนที่ loadView เพื่อกำหนดมุมมองที่แตกต่างกันของ self.view และแทนที่คุณสมบัติ tableView เพื่อส่งกลับ tableview แยกต่างหาก

ตัวอย่างเช่น:

@interface MyTableVC : UITableViewController
@end

@interface MyTableVC ()
@property (nonatomic, strong) UITableView *separateTableView;
@end

@implementation MyTableVC

- (void)loadView {
    self.view = [[UIView alloc] initWithFrame:CGRectZero];
}

- (UITableView *)tableView {
    return self.separateTableView;
}

- (void)setTableView:(UITableView *)tableView {
    self.separateTableView = tableView;
}

@end

เมื่อรวมกับโซลูชันของเคลเลอร์สิ่งนี้จะแข็งแกร่งขึ้นในแง่ที่ว่า tableView เป็นมุมมองปกติไม่ใช่มุมมองรูทของ VC และมีความทนทานต่อการเปลี่ยนแปลงลำดับชั้นของมุมมอง ตัวอย่างการใช้วิธีนี้:

MyTableVC *tableViewController = [[MyTableVC alloc] init];
tableViewController.tableView = self.myTableView;

self.refreshControl = [[UIRefreshControl alloc] init];
[self.refreshControl addTarget:self action:@selector(getConnections) forControlEvents:UIControlEventValueChanged];
tableViewController.refreshControl = self.refreshControl;

มีอีกการใช้ที่เป็นไปได้สำหรับสิ่งนี้:

เนื่องจากการแบ่งคลาสย่อยด้วยวิธีนี้แยก self.view ออกจาก self.tableView ตอนนี้จึงเป็นไปได้ที่จะใช้ UITableViewController นี้เป็นตัวควบคุมมากกว่าปกติและเพิ่มการดูย่อยอื่น ๆ ลงใน self.view โดยไม่ต้องแปลกประหลาดของการเพิ่มการดูย่อยลงใน UITableView ดูคอนโทรลเลอร์โดยตรง subclass ของ UITableViewController แทนการมีลูก UITableViewController

สิ่งที่ต้องระวัง:

เนื่องจากเรากำลังเอาชนะคุณสมบัติ tableView โดยไม่เรียก super อาจมีบางสิ่งที่ต้องระวังและควรจัดการในกรณีที่จำเป็น ตัวอย่างเช่นการตั้งค่า tableview ในตัวอย่างด้านบนของฉันจะไม่เพิ่ม tableview เป็น self.view และไม่ได้กำหนดเฟรมที่คุณอาจต้องการทำ นอกจากนี้ในการใช้งานนี้ไม่มี tableView เริ่มต้นที่กำหนดให้กับคุณเมื่อชั้นเรียนนั้นเป็นอินสแตนซ์ซึ่งเป็นสิ่งที่คุณอาจพิจารณาเพิ่ม ฉันไม่ได้รวมไว้ที่นี่เพราะเป็นกรณี ๆ ไปและวิธีการแก้ปัญหานี้เหมาะสมกับโซลูชันของเคลเลอร์

ลองนี้

โซลูชันข้างต้นนั้นใช้ได้ แต่ tableView.refreshControl สามารถใช้ได้สำหรับ UITableViewController เท่านั้นจนถึง iOS 9.x และมาใน UITableView จาก iOS 10.x เป็นต้นไป

เขียนใน Swift 3 -

let refreshControl = UIRefreshControl()
refreshControl.addTarget(self, action: #selector(FeedViewController.loadNewData), for: UIControlEvents.valueChanged)
// Fix for the RefreshControl Not appearing in background
tableView?.addSubview(refreshControl)
tableView.sendSubview(toBack: refreshControl)

คำแนะนำแรกของ Keller ทำให้เกิดข้อผิดพลาดแปลก ๆ ใน iOS 7 ซึ่งมีการเพิ่มส่วนแทรกของตารางหลังจากตัวควบคุมมุมมองปรากฏขึ้นอีกครั้ง เปลี่ยนเป็นคำตอบที่สองโดยใช้ uitableviewcontroller แก้ไขสิ่งต่าง ๆ ให้ฉัน

ปรากฎว่าคุณสามารถใช้สิ่งต่อไปนี้เมื่อคุณใช้ UIViewController ที่มีมุมมองย่อย UITableView และสอดคล้องกับ UITableViewDataSource และ UITableViewDelegate:

self.refreshControl = [[UIRefreshControl alloc]init];
[self.refreshControl addTarget:self action:@selector(refresh:) forControlEvents:UIControlEventValueChanged];