cillyfly / mxscroll

Easier with scroll

MXScroll

MXScroll is a framework that lets you create mix scroll view easier. you can just provide the datasource and do not need to consider the page composition. the datasource can be provided by storyboard or programmatically.

Structure

Example

To run the example project, clone the repo, and run pod install from the Example directory first.

WKWebView	UIScrollView	UIView

Requirements

• Xcode 9+
• Swift 4.0+
• iOS 10.0+

Installation

Swift compatibility

To work with Swift 4.0 use MXScroll v.0.1.0.

To work with Swift 4.1 use MXScroll v.0.1.2.

To work with Swift 5.0 use MXScroll v.0.1.3

Cocoapods

MXScroll is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod 'MXScroll'

Usage

Simple

1. First you should

import MXScroll

2. Prepare Header

let header = UIStoryboard(name: "Main", bundle: Bundle.main).instantiateViewController(withIdentifier: "HeaderViewController")

if WKWebView , UIWebView or UIScrollView is in HeaderVC, you should implement MXViewControllerViewSource.

extension HeaderViewController:MXViewControllerViewSource{
      func headerViewForContentOb() -> UIView? {
          return webView
      }
}

3. Prepare Content

let child1 = UIStoryboard(name: "Main", bundle: Bundle.main).instantiateViewController(withIdentifier: "ChildViewController")

if UITableView or UIScrollView is in ContentVC, you should implement MXViewControllerViewSource

extension ChildViewController:MXViewControllerViewSource{
       func viewForMixToObserveContentOffsetChange() -> UIView {
           return self.tableView
       }
}

4. Prepare Segment

You can use the MSSegmentControl provide by MXScroll

  let segment = MSSegmentControl(sectionTitles: ["1", "2"])

5. Mix

let header = UIStoryboard(name: "Main", bundle: Bundle.main).instantiateViewController(withIdentifier: "HeaderViewController")
        
let child1 = UIStoryboard(name: "Main", bundle: Bundle.main).instantiateViewController(withIdentifier: "ChildViewController")
        
let child2 = UIStoryboard(name: "Main", bundle: Bundle.main).instantiateViewController(withIdentifier: "SecondViewController")
        
let segment = MSSegmentControl(sectionTitles: ["1", "2"])
        
let mx = MXViewController<MSSegmentControl>.init(headerViewController: header, segmentControllers: [child1, child2], segmentView: segment)
navigationController?.pushViewController(mx, animated: true)

Segment

If you want to use the custom Segment,Just implementMXSegmentProtocol

extension MSSegmentControl: MXSegmentProtocol {
    // segment change to tell vc
    public var change: ((Int) -> Void) {
        get {
            return self._didIndexChange
        }
        set {
            self._didIndexChange = newValue
        }
    }
    
    // vc change callback method
    public func setSelected(index: Int, animator: Bool) {
        self.setSelected(forIndex: index, animated: animator, shouldNotify: true)
    }
}

Author

cillyfly, [email protected]

License

MXScroll is available under the MIT license. See the LICENSE file for more info.

mxscroll's Issues

SegmentView with both icons and title and the selected option should be highlighted

I have integrated your library in to our project for the purpose of sticky header, we have achieved the same and glad to use your library, we have to show the title and icons in the segmented view, but the icons are half visible, I tried to enhance the segment view's height, but in vain, I request you to prepare an example for implementing the segmented view with both icons and title, provided the selected option should be highlighted.

or else, Kindly send an example how to use a custom segmented control.

Thanks & Regards

git.coding.net credentials

Why? http://joxi.ru/52aBdEli45EE8A

addSubView in MXViewController make contentScrollView Offset down 44

when I addSubView in MXViewController in viewDidLoad ,
the make contentScrollView Offset down 44
My Code is:

var navView = BaseNavView(frame: CGRect(x: 0, y: 0, width: KScreenWidth, height: kNavH))

public override func viewDidLoad() {
super.viewDidLoad()
view.addSubview(navView)
}

Segment view related issue

When I have used 2 segments at that time its works very good, but if when I have used 1 segment that time it's not working properly. Segment title was not shown when we only 1 segment added. For more understanding picture is attached below.

Segment shown Image:

Coding Image:

Please give me a solution as soon as possible.

Set navigation bar transparent

How to set navigation bar transparent when viewDidload

and set navigation bar to white color when scroll up like this

https://www.youtube.com/watch?v=DiV8wO9iLds

Thank you

Having memory leakage.

I have integrated this SDK into my live project but due to memory leakages, my app is crashing. then I check this it also showed me leakages.

ViewWillAppear is not called when the segment changed

ViewWillAppear is not called when the segment changed

Redirect issue

I have 3 segments and all segments have personal controllers. when I open the screen, how to redirect directly on the third segment with the controller?

mx.segmentView.setSelected(index: 2, animator: true) - use of setSelected only chnage index of current segment indicator not controller.

Does anyone help?