ซ่อนแป้นพิมพ์เมื่อเลื่อน UITableView


138

ในแอปของฉันฉันต้องการซ่อนแป้นพิมพ์เมื่อฉันเริ่มเลื่อน UITableView ฉันค้นหาเกี่ยวกับสิ่งนี้ในอินเทอร์เน็ตและคำตอบส่วนใหญ่คือคลาสย่อย UITableView (http://stackoverflow.com/questions/3499810/tapping-a-uiscrollview-to-hide-the-keyboard)

ฉันสร้างคลาสย่อย แต่มันใช้ไม่ได้

#import <UIKit/UIKit.h>

@protocol MyUITableViewDelegate <NSObject>
@optional
- (void)myUITableViewTouchesBegan;
@end

@interface MyUITableView : UITableView <UITableViewDelegate, UIScrollViewDelegate> {
    id<MyUITableViewDelegate> delegate;
}
@end

.m ไฟล์

#import "MyUITableView.h"

@implementation MyUITableView

- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
    NSLog(@"delegate scrollView"); //this is dont'work
    [super scrollViewDidScroll:scrollView];
}

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
    NSLog(@"delegate myUITableViewTouchesBegan"); // work only here
    [delegate myUITableViewTouchesBegan];
    [super touchesBegan:touches withEvent:event];

}

- (void)dealloc {
...

ชั้นใช้แบบนี้ แต่ฟังก์ชัน delegate myUITableViewTouchesBegan ไม่ทำงานใน ViewController

.h

#import <UIKit/UIKit.h>
#import "MyUITableView.h"

@interface FirstViewController : UIViewController <UITableViewDelegate, UISearchBarDelegate, MyUITableViewDelegate> {
    MyUITableView *myTableView;
    UISearchBar *searchBar; 
}

@property(nonatomic,retain) IBOutlet MyUITableView *myTableView;
...

.m

- (void) myUITableViewTouchesBegan{
    NSLog(@"myUITableViewTouchesBegan");
    [searchBar resignFirstResponder];
}

ฉันมีปัญหากับการใช้งานนี้:
1) myUITableViewTouchesBegan ไม่ทำงานใน ViewController
2) NSLog จาก MyUITableView.m - NSLog (@ "มอบหมาย myUITableViewTouchesBegan"); ทำงานเฉพาะเมื่อฉันสัมผัสโต๊ะ มันใช้งานได้อย่างไรเมื่อฉันเริ่มเลื่อน
ฉันลองแทนที่ scrollViewDidScroll แต่ comiler บอกว่า MyUITableVIew อาจไม่ตอบสนองกับสตริงนี้[super scrollViewDidScroll: scrollView];

คำตอบ:


148

ไม่แน่ใจว่าทำไมคุณต้อง subclass UITableView สำหรับสิ่งนี้

ในตัวควบคุมมุมมองที่มี UITableView ธรรมดาให้ลองเพิ่มสิ่งนี้:

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
    [searchBar resignFirstResponder];
}

422

นี่คือวิธีที่สะอาดที่สุดในการทำสิ่งนี้ใน iOS 7.0 ขึ้นไป:

tableView.keyboardDismissMode = UIScrollViewKeyboardDismissModeOnDrag;

หรือเพื่อปิดการโต้ตอบเมื่อสัมผัส:

tableView.keyboardDismissMode = UIScrollViewKeyboardDismissModeInteractive;

หรือใน Swift:

tableView.keyboardDismissMode = .onDrag

ในการปิดการโต้ตอบ:

tableView.keyboardDismissMode = .interactive

21
แน่นอนว่าแอตทริบิวต์นี้สามารถตั้งค่าในตัวตรวจสอบแอตทริบิวต์สำหรับผู้ที่ใช้ปลายปากกาและสตอรีบอร์ด
JuJoDi

1
เพื่อนฉันพลาดสิ่งนี้ไปอย่างสิ้นเชิงเนื่องจากการอัปเดตฉันยังคงใช้วิธีที่ล้าสมัยกับโปรโตคอลที่ scrollview ได้เลื่อน .... ขอบคุณคนของฉัน!
Tomas Sykora

3
สำหรับผู้ที่ลืมคุณยังคงต้องให้ UITextfield ลาออกเป็นผู้ตอบกลับก่อน
skyline75489

1
ฉันทำ iOS dev มาเป็นเวลา 3 ปีแล้วและฉันไม่รู้เรื่องนี้จนถึงตอนนี้ ...
Jacob King

จะพลาดของแบบนี้ไปได้ยังไงสุดยอด!
trapper

130

คุณสามารถทำได้ในตัวสร้างอินเทอร์เฟซ เลือกของคุณUITableViewและเปิดตัวตรวจสอบคุณสมบัติ ในการเลื่อนดูส่วนการตั้งค่าแป้นพิมพ์ข้อมูลที่จะปิดในวันที่ลาก

ป้อนคำอธิบายภาพที่นี่


ขอบคุณที่ช่วยชีวิตฉันไว้!
Sabobin

41

เพียงเพื่อเพิ่มการอัปเดตให้กับคำตอบด้านบน ด้านล่างใช้ได้ผลสำหรับฉันใน Swift 1.2

tableView.keyboardDismissMode = UIScrollViewKeyboardDismissMode.OnDrag

หรือ

tableView.keyboardDismissMode = UIScrollViewKeyboardDismissMode.Interactive

2

ด้วย Swift 5

หากต้องการซ่อนแป้นพิมพ์เมื่อเลื่อน TableView และหยุดแก้ไขอย่างถูกต้องเรายังคงต้องรวมคำตอบสองประเภทเข้าด้วยกัน:

  1. ตั้งค่าโหมดปิดแป้นพิมพ์ใน IB (ตามที่ไคล์อธิบาย) หรือในViewDidLoad()รหัส (ตามที่Peiอธิบาย) เช่น:
tableView.keyboardDismissMode = .onDrag
  1. บังคับให้ช่องข้อความปัจจุบันลาออกในฐานะผู้ตอบคนแรก (เช่นเดียวกับคำตอบของVasily ) เราต้องเพิ่มสิ่งต่อไปนี้ในUITableViewControllerชั้นเรียนของเรา
    override func scrollViewDidScroll(_ scrollView: UIScrollView) {
        if !tableView.isDecelerating {
            view.endEditing(true)
        }
    }

1

โซลูชันการทำงานโดยไม่ต้องเขียนโค้ดบรรทัดเดียวในคอนโทรลเลอร์ของคุณ:

ตามคำถามของคุณคือจัดการแป้นพิมพ์ซ่อนด้วยเงื่อนไขเดียวเท่านั้น (เมื่อเลื่อน) แต่ที่นี่ฉันขอแนะนำวิธีแก้ปัญหาหนึ่งในการจัดการฟิลด์ข้อความและแป้นพิมพ์ร่วมกันซึ่งใช้งานได้ดีสำหรับ UIViewController, UITableView และ UIScrollView ข้อเท็จจริงที่น่าสนใจก็คือคุณไม่จำเป็นต้องเขียนโค้ดแม้แต่บรรทัดเดียว

ได้แล้ว: TPKeyboardAvoiding - โซลูชันที่ยอดเยี่ยมในการจัดการแป้นพิมพ์และเลื่อน


0

งาน

ซ่อนแป้นพิมพ์โดยใช้โปรแกรมเมื่อเลื่อน UITableView ใน Swift 3

รายละเอียด

xCode 8.2.1 รวดเร็ว 3

วิธีการแก้

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    if !tableView.isDecelerating {
        view.endEditing(true)
    }
}

ตัวอย่างเต็ม

ViewController

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var tableView: UITableView!
    @IBOutlet weak var searchBar: UISearchBar!


    override func viewDidLoad() {
        super.viewDidLoad()
        tableView.dataSource = self
        tableView.delegate = self
    }
}

// MARK: - UITableViewDataSource

extension ViewController: UITableViewDataSource {

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

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

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell =  UITableViewCell(style: .subtitle, reuseIdentifier: nil)
        cell.textLabel?.text = "Title"
        cell.detailTextLabel?.text = "\(indexPath)"
        return cell
    }
}

// MARK: - UITableViewDelegate

extension ViewController: UITableViewDelegate {

    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        if !tableView.isDecelerating {
            view.endEditing(true)
        }
    }
}

StoryBoard

<?xml version="1.0" encoding="UTF-8"?>
<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="11762" systemVersion="16D32" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="BYZ-38-t0r">
    <device id="retina4_7" orientation="portrait">
        <adaptation id="fullscreen"/>
    </device>
    <dependencies>
        <deployment identifier="iOS"/>
        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="11757"/>
        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
    </dependencies>
    <scenes>
        <!--View Controller-->
        <scene sceneID="tne-QT-ifu">
            <objects>
                <viewController id="BYZ-38-t0r" customClass="ViewController" customModule="stackoverflow_4399357" customModuleProvider="target" sceneMemberID="viewController">
                    <layoutGuides>
                        <viewControllerLayoutGuide type="top" id="y3c-jy-aDJ"/>
                        <viewControllerLayoutGuide type="bottom" id="wfy-db-euE"/>
                    </layoutGuides>
                    <view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">
                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                        <subviews>
                            <searchBar contentMode="redraw" translatesAutoresizingMaskIntoConstraints="NO" id="wU1-dV-ueB">
                                <rect key="frame" x="0.0" y="20" width="375" height="44"/>
                                <textInputTraits key="textInputTraits"/>
                            </searchBar>
                            <tableView clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" keyboardDismissMode="interactive" dataMode="prototypes" style="plain" separatorStyle="default" rowHeight="44" sectionHeaderHeight="28" sectionFooterHeight="28" translatesAutoresizingMaskIntoConstraints="NO" id="L52-4c-UtT">
                                <rect key="frame" x="0.0" y="64" width="375" height="603"/>
                                <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
                            </tableView>
                        </subviews>
                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                        <constraints>
                            <constraint firstItem="wU1-dV-ueB" firstAttribute="bottom" secondItem="L52-4c-UtT" secondAttribute="top" id="0WF-07-qY1"/>
                            <constraint firstAttribute="trailing" secondItem="wU1-dV-ueB" secondAttribute="trailing" id="3Mj-h0-IvO"/>
                            <constraint firstItem="wU1-dV-ueB" firstAttribute="leading" secondItem="L52-4c-UtT" secondAttribute="leading" id="8W5-9j-2Rg"/>
                            <constraint firstItem="wU1-dV-ueB" firstAttribute="trailing" secondItem="L52-4c-UtT" secondAttribute="trailing" id="crK-dR-UYf"/>
                            <constraint firstItem="wU1-dV-ueB" firstAttribute="leading" secondItem="8bC-Xf-vdC" secondAttribute="leading" id="mPe-bp-Dxw"/>
                            <constraint firstItem="L52-4c-UtT" firstAttribute="bottom" secondItem="wfy-db-euE" secondAttribute="top" id="oIo-DI-vLh"/>
                            <constraint firstItem="wU1-dV-ueB" firstAttribute="top" secondItem="y3c-jy-aDJ" secondAttribute="bottom" id="tVC-UR-PA4"/>
                        </constraints>
                    </view>
                    <connections>
                        <outlet property="searchBar" destination="wU1-dV-ueB" id="xJf-bq-4t9"/>
                        <outlet property="tableView" destination="L52-4c-UtT" id="F0T-yb-h5r"/>
                    </connections>
                </viewController>
                <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
            </objects>
            <point key="canvasLocation" x="-79.200000000000003" y="137.18140929535232"/>
        </scene>
    </scenes>
</document>

ผลลัพธ์

ป้อนคำอธิบายภาพที่นี่


0

หลังจาก iOS 7 คุณสามารถใช้คุณสมบัติ tableview ได้อย่างง่ายดาย

Swift 3.0+

myTableView.keyboardDismissMode = UIScrollViewKeyboardDismissMode.OnDrag

วัตถุประสงค์ค

myTableView.keyboardDismissMode = UIScrollViewKeyboardDismissModeOnDrag;

สำหรับเวอร์ชันก่อนหน้าการใช้งานตัวแทนมุมมองแบบเลื่อนสามารถใช้งานได้

func scrollViewDidScroll(_ scrollView: UIScrollView) {
        view.endEditing(true)
}
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.