https://github.com/Coder-TanJX/JXPageControl
🚀🚀🚀 自定义pageControl指示器, 支持多种动画, 自定义布局.
https://github.com/Coder-TanJX/JXPageControl
banner cycle objective-c pagecontrol pager swift uipagecontrol
Last synced: 4 months ago
JSON representation
🚀🚀🚀 自定义pageControl指示器, 支持多种动画, 自定义布局.
- Host: GitHub
- URL: https://github.com/Coder-TanJX/JXPageControl
- Owner: Coder-TanJX
- License: mit
- Created: 2019-07-13T11:06:29.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-10-28T07:51:19.000Z (about 3 years ago)
- Last Synced: 2024-11-14T13:11:34.295Z (12 months ago)
- Topics: banner, cycle, objective-c, pagecontrol, pager, swift, uipagecontrol
- Language: Swift
- Homepage:
- Size: 1.99 MB
- Stars: 463
- Watchers: 5
- Forks: 62
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome - JXPageControl - 🚀🚀🚀 自定义pageControl指示器, 支持多种动画, 自定义布局。 (OOM-Leaks-Crash / PageControl)
README
# JXPageControl
[](https://travis-ci.org/bboyXFX/JXPageControl)
[](https://cocoapods.org/pods/JXPageControl)
[](https://cocoapods.org/pods/JXPageControl)
[](https://cocoapods.org/pods/JXPageControl)
##### (JXPageControl supports multiple animation transformations, content layout transformations, and Xib layouts )
---
#####
* Development environment: Xcode 7
* Running condition: iOS(8.0+)
* Open source framework ：[github地址](https://github.com/Code-TanJX/JXPageControl)
* [ Chinese is introduced [ 中文介绍 ]](https://blog.csdn.net/TanJiaXiang/article/details/95796616)
（If there is any problem, you can leave a message, welcome to study together, welcome star ）
---
### Installation
To install, simply add the following code to your Podfile :
```ruby
platform :ios, '8.0'
target 'TargetName' do
pod 'JXPageControl'
end
```
---
### The UI effect
JXPageControlChameleon | JXPageControlExchange | JXPageControlFill
:-: | :-: | :-:
| 
| 
JXPageControlJump | JXPageControlScale
:-: | :-:
| 
---
### Frame set
* Common Framework common class files
* Jump - Jump animation effects class file
* Transform - Transition animation class file
---
---
#### JXPageControl introduction [ JXPageControl 介绍 ]
JXPageControl ADAPTS to Swift and objective-c
* JXPageControlBase - Base class for all pageControl
* JXPageControlType - All pageControl protocols, it provides a number of custom apis for developers to use
###### JXPageControlType - provides - API
* numberOfPages ---> Number of indicators.
* currentPage ---> Current indicator page number.
* progress ---> Current indicator page numbering process.
* hidesForSinglePage ---> Whether to hide when there is only one indicator.
* inactiveColor ---> Inactive indicator color
* activeColor ---> Active indicator color
* inactiveSize ---> Inactive indicator size
* activeSize ---> Active indicator size
* indicatorSize ---> All indicator sizes
* columnSpacing ---> Horizontal distance between indicators
* contentAlignment ---> Content layout location (note that this property is easy to use!!!!! )
* contentMode ---> Content layout location, and support for transformation in Xib, real-time view of location changes (note that this property is very useful!!!!! )
* isInactiveHollow ---> Whether the inactive indicator is a hollow pattern
* isActiveHollow ---> Whether the active indicator is a hollow pattern
* reload() ---> Refresh data/UI
###### Be careful :
JXPageControl also provides some APIs for non-JXPageControlType. You can view it in the specific classes you use
---
#### JXPageControl uses :
### Example 1
* Use (xib, storyboard for properties and layout Settings!!! )
* Note that the module should select JXPageControl, otherwise it will not show up and the call will report an error.
* ContentMode can be set in View to change content location
---
### Example 2
* Write it in pure code
```
import JXPageControl
class ChamelonVC: UIViewController {
lazy var codePageControl: JXPageControlJump = {
let pageControl = JXPageControlJump(frame: CGRect(x: 0,
y: 0,
width: UIScreen.main.bounds.width,
height: 30))
pageControl.numberOfPages = 4
// JXPageControlType: default property
// pageControl.currentPage = 0
// pageControl.progress = 0.0
// pageControl.hidesForSinglePage = false
// pageControl.inactiveColor = UIColor.white.withAlphaComponent(0.5)
// pageControl.activeColor = UIColor.white
// pageControl.inactiveSize = CGSize(width: 10, height: 10)
// pageControl.activeSize = CGSize(width: 10, height: 10)
// pageControl.inactiveSize = CGSize(width: 10, height: 10)
// pageControl.columnSpacing = 10
// pageControl.contentAlignment = JXPageControlAlignment(.center,
// .center)
// pageControl.contentMode = .center
// pageControl.isInactiveHollow = false
// pageControl.isActiveHollow = false
// JXPageControlJump: default "custom property"
pageControl.isAnimation = true
pageControl.isFlexible = true
return pageControl
}()
override func viewDidLoad() {
super.viewDidLoad()
view.addSubview(codePageControl)
}
}
extension ChamelonVC: UIScrollViewDelegate {
func scrollViewDidScroll(_ scrollView: UIScrollView) {
let progress = scrollView.contentOffset.x / scrollView.bounds.width
let currentPage = Int(round(progress))
// Mode one
codePageControl.progress = progress
// Mode two
// codePageControl.currentPagev = currentPage
}
}
```
```
```
### Example 2 and so on ...
```
import JXPageControl
...
```
### [The Demo address](https://github.com/Code-TanJX/JXPageControl)
## Author
Code-TanJX, Code_TanJX@163.com
## License
JXPageControl is available under the MIT license. See the LICENSE file for more info.