Code Monkey home page Code Monkey logo

zjflexiblelayout's Introduction


ZJFlexibleLayout is a simple UI component of flexible waterfall layout for iOS platform.

Features

  • Easy To Use
  • Flexible In Any Layout Including WaterFall
  • Written All By Swift

Requirements

  • iOS 8.0+
  • Xcode 8.3+
  • Swift 3.1+

Installation

CocoaPods

CocoaPods is a dependency manager for Cocoa projects. You can install it with the following command:

$ gem install cocoapods

CocoaPods 1.1+ is required to build ZJFlexibleLayout.

To integrate ZJFlexibleLayout into your Xcode project using CocoaPods, specify it in your Podfile:

source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '10.0'
use_frameworks!

target '<Your Target Name>' do
    pod 'ZJFlexibleLayout'
end

Carthage

Carthage is a decentralized dependency manager that builds your dependencies and provides you with binary frameworks.

You can install Carthage with Homebrew using the following command:

$ brew update
$ brew install carthage

To integrate ZJFlexibleLayout into your Xcode project using Carthage, specify it in your Cartfile:

github "zzjzz9266a/ZJFlexibleLayout"

Run carthage update to build the framework and drag the built ZJFlexibleLayout.framework into your Xcode project.

Usage

1、Create a new ZJFlexibleLayout and set delegate, set this layout to UICollectionView:

let layout = ZJFlexibleLayout(delegate: self)
layout.collectionHeaderView = headerView    //could be nil
collectionView = UICollectionView(frame: kScreenBounds, collectionViewLayout: layout)

2、Implement the protocol ZJFlexibleDataSource, just implement the first two methods:

protocol ZJFlexibleLayoutDataSource: class{

    //控制对应section的瀑布流列数
    func numberOfCols(at section: Int) -> Int
    //控制每个cell的尺寸,实质上就是获取宽高比
    func sizeOfItemAtIndexPath(at indexPath : IndexPath) -> CGSize
    //控制瀑布流cell的间距
    func spaceOfCells(at section: Int) -> CGFloat
    //section 内边距
    func sectionInsets(at section: Int) -> UIEdgeInsets
    //每个section的header尺寸
    func sizeOfHeader(at section: Int) -> CGSize
    //每个cell的额外高度
    func heightOfAdditionalContent(at indexPath : IndexPath) -> CGFloat
}

Example

License

ZJFlexibleDataLayout is released under the MIT license. See LICENSE for details.

zjflexiblelayout's People

Contributors

hackice avatar zzjzz9266a avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

zjflexiblelayout's Issues

Native Ads

Hello,
I have a native ads and i want to return 1 column , other items will be return 2. But i couldnt do it.
Can you help me about this? My ads repeating itself in every 9 item.
Those are my codes
screen shot 2018-10-11 at 11 16 58
screen shot 2018-10-11 at 11 17 37

引入项目后遇到的问题

  1. 展示是正常的,但是调用scrollToItem后不能滚动到目标位置,而是回到列表顶部;
  2. 而且会在列表第一个cell的相同位置重复创建一个与第一个cell相同的cell;
  3. 调用scrollToItem一次会创建一次;
  4. 但当手指滑动列表到目标cell出现时,再调用scrollToItem就不会出现这个问题,除非下次调用reloadData

ps:经过测试发现问题都出现在列表的第一个位置,和出现重复的cell本身没有直接关系,自己使用ZJFlexibleLayout的Demo单独测试scrollToItem却没有出现这个问题。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.