Is there a way to hide the scroll indicators in a UIScrollView?
IosUiscrollviewIos Problem Overview
I've got a use case where those indicators disturb the user interaction. Can I subclass and override a method or do something similar to remove the scroll indicators from the scroll view?
Ios Solutions
Solution 1 - Ios
Set the showsHorizontalScrollIndicator
and showsVerticalScrollIndicator
properties of the UIScrollView
to NO
.
[tableView setShowsHorizontalScrollIndicator:NO];
[tableView setShowsVerticalScrollIndicator:NO];
Solution 2 - Ios
//For UITableView - Objective-C
tbl.showsHorizontalScrollIndicator = NO;
tbl.showsVerticalScrollIndicator = NO;
//For UITableView - SWIFT 3.0
tbl.showsHorizontalScrollIndicator = false
tbl.showsVerticalScrollIndicator = false
//For UIScrollView - Objective-C
scrl.showsHorizontalScrollIndicator = NO;
scrl.showsVerticalScrollIndicator = NO;
//For UIScrollView - SWIFT
scrl.showsHorizontalScrollIndicator = false
scrl.showsVerticalScrollIndicator = false
Change from XIB or storyboard
Solution 3 - Ios
For those looking to do this in Swift.
self.tableView.showsHorizontalScrollIndicator = false
self.tableView.showsVerticalScrollIndicator = false
Solution 4 - Ios
For UIScrollView in Swift
scrollView?.showsHorizontalScrollIndicator = false
scrollView?.showsVerticalScrollIndicator = false
Solution 5 - Ios
Swift 3.0
extension for UIScrollView
and UITableView
:
import Foundation
extension UIScrollView {
func hideIndicators() {
showsHorizontalScrollIndicator = false
showsVerticalScrollIndicator = false
}
}
Solution 6 - Ios
These are your UITableView
scrolling properties:
[YourTableView setShowsHorizontalScrollIndicator:NO];
[YourTableView setShowsVerticalScrollIndicator:NO];
These are your UIScrollView
scrolling properties:
[YourScroll setShowsHorizontalScrollIndicator:NO];
[YourScroll setShowsVerticalScrollIndicator:NO];
Solution 7 - Ios
No answers have worked for me because the focus ring of indicators is shown every time but I solve my problem via NSStoryboard
.
NSCollectionView have a diagram;
Scroll View - Collection View then Clip View then Scroller (vertical) & Scroller (Horizontal)
Click any Scroller object then in Attributes Inspector
set Focus Ring
property to None
. If you have not set it you can have a problem when users change the Appearance
between Dark
and Light
.