Git Product home page Git Product logo

exploringuikit's Introduction

ExploringUIKit


In this series, you will explore different classes and API provided for iOS apps.

Titbit 1 - UICollectionView with UIContextMenu

Using UICollectionView, you will create a grid layout and use UIContextMenu to display a quick custom preview. A great way to enhance user experience in your apps is by implementing this feature.

Learning stack:

  • How to create a grid layout with equal spacing around UICollectionView items?
  • How to show a custom preview using UIContextMenu?
  • How do I view menu items and submenu items along with a quick preview?
  • How to programmatically add constraints without a library?
  • How to programmatically create UIs for an app?

Titbit 2 - Chat Messages using UITableView

Using UITableView, it is easy to create user interface for chat messages. Programmatically creating the chat messages UI using UITableView gives you fine-grained control over the appearance and behavior of the interface. You can customize the table view cells, handle user interactions, and implement features like message threading, timestamps, and multimedia attachments according to your requirements.

Learning stack:

  • How to implement table cells to show received and sent messages using a single cell?
  • How to create an input view to enter the message?
  • How to show the input view along with the keyboard appearing and dismissing?
  • How to programmatically add constraints without a library?
  • How to format the date to display in a customized way?
  • How to sort and group messages according to date?

Titbit 3 - Photo Gallery with Zoom in/out

UICollectionView is a powerful component that allows you to display and manage a collection of items in a grid-like or custom layout. It provides a flexible foundation for creating various types of interfaces, including photo galleries. It's important to note that implementing zoom in/out functionality can involve more complex logic, such as managing zoom scales, calculating zoom levels, and handling gesture interactions. But, you can implement all of these features quickly by programmatically.

PhotoGallery.mp4

Learning stack:

  • How to create a grid layout with equal spacing around UICollectionView items?
  • Perform actions like Save, Share, Copy, and Delete operations on an image by showing the context menu.
  • Show a photo gallery with all photos and a selected index.
  • Implement a zoom in/out feature using UIScrollView.
  • Set the zoom scale according to the image size.

and many other things...


Connect with me

Feel free to reach out if you have questions or if you want to contribute in any way:

๐Ÿ‘‰ Topmate (Connect 1:1 with me)

๐Ÿ‘‰ Instagram (Random updates)

๐Ÿ‘‰ Linkedin (Connect with me)

Don't forget to click on 'Star' button ๐ŸŒŸ

If you find any issue, please create an issue by mentioning the project title. Additionally, you can create an issue for any project if you would like to request a feature.


Happy Coding !!

exploringuikit's People

Contributors

nitin-agam avatar

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.