{"id":1536,"url":"https://github.com/KiranJasvanee/OnlyPictures","last_synced_at":"2025-08-02T04:31:51.757Z","repository":{"id":44359095,"uuid":"105541480","full_name":"KiranJasvanee/OnlyPictures","owner":"KiranJasvanee","description":"A simple and flexible way to add source of overlapping circular pictures, currently supports horizontal overlapping or distant pictures with great layout flexibility.","archived":false,"fork":false,"pushed_at":"2021-10-04T06:54:04.000Z","size":21845,"stargazers_count":674,"open_issues_count":15,"forks_count":87,"subscribers_count":19,"default_branch":"master","last_synced_at":"2025-07-16T18:19:44.365Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Swift","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/KiranJasvanee.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-10-02T14:04:46.000Z","updated_at":"2025-06-19T13:00:38.000Z","dependencies_parsed_at":"2022-08-20T21:50:29.540Z","dependency_job_id":null,"html_url":"https://github.com/KiranJasvanee/OnlyPictures","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/KiranJasvanee/OnlyPictures","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KiranJasvanee%2FOnlyPictures","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KiranJasvanee%2FOnlyPictures/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KiranJasvanee%2FOnlyPictures/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KiranJasvanee%2FOnlyPictures/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KiranJasvanee","download_url":"https://codeload.github.com/KiranJasvanee/OnlyPictures/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KiranJasvanee%2FOnlyPictures/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268334613,"owners_count":24233793,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-02T02:00:12.353Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-01-05T20:15:49.196Z","updated_at":"2025-08-02T04:31:49.828Z","avatar_url":"https://github.com/KiranJasvanee.png","language":"Swift","funding_links":[],"categories":["Media","Swift","OOM-Leaks-Crash"],"sub_categories":["Image","FlowLayout"],"readme":"\u003e **THIS PROJECT IS NO LONGER MAINTAINED. STILL ONE ONLY BEST UI SOLUTION FOR UIKIT DEVELOPERS.  \nSOON WILL COME UP WITH SWIFTUI**\n\n\u003e **STILL CONTRIBUTORS ARE WELCOME. KINLDY SEND PULL REQUESTS FOR ANY IMPROVEMENTS NECESSARY.**\n\n---\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"promo/onlyPictures/only_pictures1.png\"  style=\"width: 500px;\" width=\"500\" /\u003e\n\u003c/p\u003e\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"promo/general/recent_left_colorful.png\"  style=\"width: 220px;\" width=\"220\" /\u003e \n  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"promo/general/left_scroll_colorful.gif\"  style=\"width: 280px;\" width=\"280\" /\u003e \n  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"promo/general/recent_left_with_gap_colorful.png\"  style=\"width: 260px;\" width=\"260\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"promo/general/recent_right_colorful.png\"  style=\"width: 220px;\" width=\"220\" /\u003e \n  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"promo/general/right_scroll_colorful.gif\"  style=\"width: 280px;\" width=\"280\" /\u003e \n  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"promo/general/recent_right_with_gap_colorful.png\"  style=\"width: 260px;\" width=\"260\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"promo/URL_images/URL_images_allocation.gif\"  style=\"width: 220px;\" width=\"220\" /\u003e \n  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"promo/Insert_and_remove/descending_work/append_and_reload_when_scroll.gif\"  style=\"width: 280px;\" width=\"280\" /\u003e \n  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"promo/Insert_and_remove/descending_work/append_and_reload_when_count.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"promo/Insert_and_remove/descending_work/insert_at_first_when_count.gif\"  style=\"width: 220px;\" width=\"220\" /\u003e \n  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"promo/Insert_and_remove/descending_work/insert_at_last_when_scrollable.gif\"  style=\"width: 280px;\" width=\"280\" /\u003e \n  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"promo/Insert_and_remove/descending_work/insert_at_specific_position_when_count.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"promo/Insert_and_remove/descending_work/remove_from_first_when_count.gif\"  style=\"width: 220px;\" width=\"220\" /\u003e \n  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"promo/Insert_and_remove/descending_work/remove_from_last_when_scrollable.gif\"  style=\"width: 280px;\" width=\"280\" /\u003e \n  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"promo/Insert_and_remove/descending_work/remove_from_specific_position_when_count.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e\n\u003c/p\u003e\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://twitter.com/Kiranjasvanee\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/contact-@kiranjasvanee-blue.svg?style=flat\"\n             alt=\"Twitter\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/KiranJasvanee/OnlyPictures/blob/master/LICENSE\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/license-MIT-blue.svg?style=flat\" alt=\"Codecov\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://cocoapods.org/pods/OnlyPictures\"\u003e\n        \u003cimg src=\"https://img.shields.io/cocoapods/v/OnlyPictures.svg?style=flat\"\n             alt=\"Pods Version\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"http://cocoapods.org/pods/OnlyPictures/\"\u003e\n        \u003cimg src=\"https://img.shields.io/cocoapods/p/OnlyPictures.svg?style=flat\"\n             alt=\"Platforms\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/KiranJasvanee/OnlyPictures/issues\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/issues/KiranJasvanee/OnlyPictures.svg\"\n             alt=\"Issues\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/KiranJasvanee/OnlyPictures\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/forks/KiranJasvanee/OnlyPictures.svg\"\n             alt=\"Forks\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/KiranJasvanee/OnlyPictures\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/stars/KiranJasvanee/OnlyPictures.svg\"\n             alt=\"Stars\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/KiranJasvanee/OnlyPictures\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/Language-Swift-yellow.svg\"\n             alt=\"Stars\"\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n----------------\n\n### Installation\n\nOnlyPictures is available through [CocoaPods](http://cocoapods.org). To install\nit, simply add the following line to your Podfile:\n\n```ruby\npod 'OnlyPictures'\n```\n### Explaination \u0026 Live tracker.\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"promo/onlyPictures//live_tracker_3.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"promo/onlyPictures/explanation.png\"  style=\"width: 700px;\" width=\"700\" /\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \n```swift\nonlyPictures.order = .descending\n```\n\u003c/p\u003e\n\n\n### Usage\n\nAdd `UIView` in your outlet, select it and go to `Properties -\u003e Identity Inspector`,  add `OnlyHorizontalPictures` in `class property`. `OnlyVerticalPictures` about to release soon.\n\n\u003cimg src=\"promo/general/UIVIew_outlet.png\"  style=\"width: 220px;\" width=\"220\" /\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; `-\u003e` \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"promo/general/identity_inspector_class_property_assignment.png\"  style=\"width: 220px;\" width=\"220\" /\u003e \n\nCreate `instance` of this outlet as below.\n```swift\n@IBOutlet weak var onlyPictures: OnlyHorizontalPictures!\n```\n\nUse `DataSource` for data assignment \u0026 `Delegate` to get indication of action performed in pictures.\n```swift\nonlyPictures.dataSource = self\nonlyPictures.delegate = self\n```\n\n#### DataSource Methods\n\n```swift\nextension ViewController: OnlyPicturesDataSource {\n\n    // ---------------------------------------------------\n    // returns the total no of pictures\n    \n    func numberOfPictures() -\u003e Int {\n        return pictures.count\n    }\n    \n    // ---------------------------------------------------\n    // returns the no of pictures should be visible in screen. \n    // In above preview, Left \u0026 Right formats are example of visible pictures, if you want pictures to be shown without count, remove this function, it's optional.\n    \n    func visiblePictures() -\u003e Int {\n        return 6\n    }\n    \n    \n    // ---------------------------------------------------\n    // return the images you want to show. If you have URL's for images, use next function instead of this.\n    // use .defaultPicture property to set placeholder image. This only work with local images. for URL's images we provided imageView instance, it's your responsibility to assign placeholder image in it. Check next function.\n    // onlyPictures.defaultPicture = #imageLiteral(resourceName: \"defaultProfilePicture\")\n    \n    func pictureViews(index: Int) -\u003e UIImage {\n        return pictures[index]\n    }\n    \n    \n    // ---------------------------------------------------\n    // If you do have URLs of images. Use below function to have UIImageView instance and index insted of 'pictureViews(index: Int) -\u003e UIImage'\n    // NOTE: It's your resposibility to assign any placeholder image till download \u0026 assignment completes.\n    // I've used AlamofireImage here for image async downloading, assigning \u0026 caching, Use any library to allocate your image from url to imageView.\n    \n    func pictureViews(_ imageView: UIImageView, index: Int) { \n    \n        // Use 'index' to receive specific url from your collection. It's similar to indexPath.row in UITableView.\n        let url = URL(string: self.pictures[index])\n        \n        imageView.image = #imageLiteral(resourceName: \"defaultProfilePicture\")   // placeholder image\n        imageView.af_setImage(withURL: url!)   \n    }\n}\n```\n#### Delegate Methods\n```swift\nextension ViewController: OnlyPicturesDelegate {\n    \n    // ---------------------------------------------------\n    // receive an action of selected picture tap index\n    \n    func pictureView(_ imageView: UIImageView, didSelectAt index: Int) {\n        \n    }\n    \n    // ---------------------------------------------------\n    // receive an action of tap upon count\n    \n    func pictureViewCountDidSelect() {\n        \n    }\n    \n    // ---------------------------------------------------\n    // receive a count, incase you want to do additionally things with it.\n    // even if your requirement is to hide count and handle it externally with below fuction, you can hide it using property `isVisibleCount = true`.\n    \n    func pictureViewCount(value: Int) {\n        print(\"count value: \\(value)\")\n    }\n    \n    \n    // ---------------------------------------------------\n    // receive an action, whem tap occures anywhere in OnlyPicture view.\n    \n    func pictureViewDidSelect() {\n        \n    }\n}\n```\n\n#### Reload\n\n##### `.reloadData()`\n- `reloadData()` will work similar to `UITableView -\u003e reloadData()`, it will call `numberOfPictures()` \u0026 `pictureViews(index: Int)`/`pictureViews(_ imageView: UIImageView, index: Int)` again to reform pictures. \n\n#### Properties\n\n##### .order\n\n- Pictures works based on `LIFO` - Last In First Out, means last added will be shown at top (recent). \n- If your array contains pictures in `ascending`, it will show last picture OR in other words last appended picture at top (recent). \n- If your array contains pictures in `descending`, set `.order property` to `.descending` to show first picture at top (recent). \n\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;  `.ascending` \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;    `.descending`\n\n\u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"promo/order_property/ascending.png\"  style=\"width: 160px;\" width=\"180\" /\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;  \u003cimg src=\"promo/order_property/descending.png\"  style=\"width: 180px;\" width=\"180\" /\u003e \n\n```swift\nonlyPictures.order = .descending\n```\n\n##### .recentAt\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;  `.left` \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;    `.right`\n\n\u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"promo/general/recent_left_colorful.png\"  style=\"width: 160px;\" width=\"180\" /\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;  \u003cimg src=\"promo/general/recent_right_colorful.png\"  style=\"width: 180px;\" width=\"180\" /\u003e \n\n```swift\nonlyPictures.recentAt = .left\n```\n\n\n##### .alignment\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;   `.left` \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;    `.center`    \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;    `.right`\n\n\u003cimg src=\"promo/alignment_property/left.png\"  style=\"width: 280px;\" width=\"280\" /\u003e \u0026nbsp; \u003cimg src=\"promo/alignment_property/center.png\"  style=\"width: 280px;\" width=\"280\" /\u003e \u0026nbsp; \u003cimg src=\"promo/alignment_property/right.png\"  style=\"width: 280px;\" width=\"280\" /\u003e\n\n```swift\nonlyPictures.alignment = .left\n```\n\n\n##### .countPosition\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;  `.right` \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;   `.left`\n\n\u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"promo/general/recent_left_colorful.png\"  style=\"width: 160px;\" width=\"180\" /\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;  \u003cimg src=\"promo/general/recent_right_colorful.png\"  style=\"width: 180px;\" width=\"180\" /\u003e \n\n```swift\nonlyPictures.countPosition = .right\n```\n\n\n##### .gap\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;`.gap = 20` \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;    `.gap = 36`     \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;    `.gap = 50` \n\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"promo/gap_property/gap_20.png\"  style=\"width: 120px;\" width=\"120\" /\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"promo/gap_property/gap_36.png\"  style=\"width: 180px;\" width=\"180\" /\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"promo/gap_property/gap_50.png\"  style=\"width: 220px;\" width=\"220\" /\u003e\n\n```swift\nonlyPictures.gap = 36\n```\n\n##### .spacing\n\u0026nbsp;\u0026nbsp;\u0026nbsp;    `.spacing = 0` \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;     `.spacing = 2`     \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;   `.spacing = 4` \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;   `.spacing = 4` \n\n\u003cimg src=\"promo/spacing_property/spacing_0.png\"  style=\"width: 160px;\" width=\"160\" /\u003e \u0026nbsp;\u0026nbsp; \u003cimg src=\"promo/spacing_property/spacing_2.png\"  style=\"width: 180px;\" width=\"180\" /\u003e \u0026nbsp;\u0026nbsp; \u003cimg src=\"promo/spacing_property/spacing_4.png\"  style=\"width: 200px;\" width=\"200\" /\u003e \u0026nbsp;\u0026nbsp; \u003cimg src=\"promo/spacing_property/spacing_4_with_white.png\"  style=\"width: 200px;\" width=\"200\" /\u003e\n\n```swift\nonlyPictures.spacing = 2\n```\n\n##### .spacingColor\n\u0026nbsp; `.spacingColor = .gray` \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; `.spacingColor = .white`\n\n\u003cimg src=\"promo/spacingColor_property/spacing_4_with_gray.png\"  style=\"width: 220px;\" width=\"220\" /\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"promo/spacingColor_property/spacing_4_with_white.png\"  style=\"width: 220px;\" width=\"220\" /\u003e\n\n```swift\nonlyPictures.spacingColor = UIColor.white\n```\n\n##### .imageInPlaceOfCount\n\n- Set image in place of count. If this property set, count properties won't effect.\n\n\u003cimg src=\"promo/imageInPlaceOfCount_property/imageInPlaceOfCount_1.png\"  style=\"width: 220px;\" width=\"220\" /\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"promo/imageInPlaceOfCount_property/imageInPlaceOfCount_2.png\"  style=\"width: 260px;\" width=\"260\" /\u003e\n\n```swift\nonlyPictures.imageInPlaceOfCount = UIImage(named:\"image_name\")\n```\n\n#### Properties for count\n\n##### .backgroundColorForCount\n\n\u003cimg src=\"promo/backgroundColorForCount_property/backgroundColorForCount.png\"  style=\"width: 220px;\" width=\"220\" /\u003e \n\n```swift\nonlyPictures.backgroundColorForCount = .orange\n```\n\n##### .textColorForCount\n\n\u003cimg src=\"promo/textColorForCount_property/textColorForCount.png\"  style=\"width: 220px;\" width=\"220\" /\u003e \n\n```swift\nonlyPictures.textColorForCount = .red\n```\n\n##### .fontForCount\n\n\u003cimg src=\"promo/fontForCount_property/fontForCount.png\"  style=\"width: 220px;\" width=\"220\" /\u003e \n\n```swift\nonlyPictures.fontForCount = UIFont(name: \"HelveticaNeue\", size: 18)!\n```\n\n##### .isHiddenVisibleCount\n- To hide count, set `.isHiddenVisibleCount = true`. But you can receive count in a following funtion of `OnlyPicturesDelegate` - `pictureViewCount(value: Int)`. \n```swift\nonlyPictures.isHiddenVisibleCount = true\n```\n\n#### *Things you can do additionally, Insert \u0026 Remove at First/Last/Specific-Position*\n- NOTE: it's your responsibility to insert/remove image in your collection too, you used for pictures. It's similar pattern you follows using UITableView.\n\n##### Insert first in `.order = .descending`\n\n\u003cimg src=\"promo/Insert_and_remove/descending_work/insert_at_first_when_count.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"promo/Insert_and_remove/descending_work/insert_at_first_when_scrollable.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e \n```swift\nonlyPictures.insertFirst(image: UIImage(named: \"p11\"), withAnimation: .popup)\n```\n\n##### Insert last in `.order = .descending`\n\u003cimg src=\"promo/Insert_and_remove/descending_work/insert_at_last_when_count.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"promo/Insert_and_remove/descending_work/insert_at_last_when_scrollable.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e \n```swift\nonlyPictures.insertLast(image: UIImage(named: \"p12\"), withAnimation: .popup)\n```\n\n##### Insert at specific position in `.order = .descending`, below added at 2nd position\n\u003cimg src=\"promo/Insert_and_remove/descending_work/insert_at_specific_position_when_count.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"promo/Insert_and_remove/descending_work/insert_at_specific_position_when_scrollable.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e \n```swift\nonlyPictures.insertPicture(UIImage(named: \"p12\"), atIndex: 2, withAnimation: .popup)\n```\n\n##### Remove first in `.order = .descending`\n\u003cimg src=\"promo/Insert_and_remove/descending_work/remove_from_first_when_count.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"promo/Insert_and_remove/descending_work/remove_from_first_when_scrollable.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e \n```swift\nonlyPictures.removeFirst(withAnimation: .popdown)\n```\n\n##### Remove last in `.order = .descending`\n\u003cimg src=\"promo/Insert_and_remove/descending_work/remove_from_last_when_count.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"promo/Insert_and_remove/descending_work/remove_from_last_when_scrollable.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e \n```swift\nonlyPictures.removeLast(withAnimation: .popdown)\n```\n\n\n##### Remove from specific position in `.order = .descending`, below removed from 2nd position\n\u003cimg src=\"promo/Insert_and_remove/descending_work/remove_from_specific_position_when_count.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"promo/Insert_and_remove/descending_work/remove_from_specific_position_when_scrollable.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e \n```swift\nonlyPictures.removePicture(atIndex: 2, withAnimation: .popdown)\n```\n\n##### *Let's check how insertion works with dynamic images. remove is same as above.*\n##### Insert first in `.order = .descending`\n\u003cimg src=\"promo/Insert_and_remove/URL_Images/insert_at_first.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e\n\n```swift\nlet url = URL(string: \"http://insightstobehavior.com/wp-content/uploads/2017/08/testi-5.jpg\")\nonlyPictures.insertFirst(withAnimation: .popup) { (imageView) in\n        imageView.image = #imageLiteral(resourceName: \"defaultProfilePicture\")\n        imageView.af_setImage(withURL: url!)\n}\n```\n\n##### Insert last in `.order = .descending`\n\u003cimg src=\"promo/Insert_and_remove/URL_Images/insert_at_last.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e\n\n```swift\nlet url = URL(string: \"http://insightstobehavior.com/wp-content/uploads/2017/08/testi-5.jpg\")\nonlyPictures.insertLast(withAnimation: .popup) { (imageView) in\n        imageView.image = #imageLiteral(resourceName: \"defaultProfilePicture\")\n        imageView.af_setImage(withURL: url!)\n}\n```\n\n##### Insert at specific position in `.order = .descending`, below added at 2nd position\n\u003cimg src=\"promo/Insert_and_remove/URL_Images/insert_at_specific_position.gif\"  style=\"width: 260px;\" width=\"260\" /\u003e\n\n```swift\nlet url = URL(string: \"http://insightstobehavior.com/wp-content/uploads/2017/08/testi-5.jpg\")\nonlyPictures.insertPicture(atIndex: 2, withAnimation: .popup) { (imageView) in\n        imageView.image = #imageLiteral(resourceName: \"defaultProfilePicture\")\n        imageView.af_setImage(withURL: url!)\n}\n```\n\n### Author\n\nKiran Jasvanee,\n\nSkype - kiranjasvanee\n\nLinkedIn - https://www.linkedin.com/in/kiran-jasvanee-ab363778\n\neMail -  kiran.jasvanee@gmail.com\n\n### License\n\nOnlyPictures is available under the MIT license. See the LICENSE file for more info.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FKiranJasvanee%2FOnlyPictures","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FKiranJasvanee%2FOnlyPictures","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FKiranJasvanee%2FOnlyPictures/lists"}