I want a functionality similar to this image:
Top segment like tab bar is scrolling and it contains icons and title which are dynamic and upon selection, sub categories are also dynamic added in collection view from web-service. I have manages all things except icons before title in upper tab swipe.
Used this library to achieve all : CarbonKit
Anyone here know how do i add that icons with title text or any other third party controller I can use? Please suggest
i think it is custom segment controller . You can use this framework
https://github.com/HeshamMegid/HMSegmentedControl
for making custom segment like this .
Well i had created a control for requirement similar to yours,
It is built using UICollectionView(for header) and UIPageViewController. I had created a basic cell for this and right now it is not customisable. Code is available on Github, you can give provision to use custom cell in that.
Related
I'm trying to create something similar to the following:
You see the dates at the top just underneath the search bar? Is that a nested tab view as I'm guessing? Is there a way to do it with the default components or do I need to create a custom view?
I'm not looking for a coding answer per se. I just want to know if there's a standard way of achieving this before trying to implement my own solution.
EDIT:
For future reference I found a library that does exactly this.
Apple's documentation states :
The tab bar interface displays tabs at the bottom of the window for selecting between the different modes and for displaying the views for that mode. This class is generally used as-is, but may also be subclassed.
https://developer.apple.com/documentation/uikit/uitabbarcontroller
So I would guess that it is a custom solution.
I have 4 UITabbars which are showing 4 different view controllers. And those 4 UITabbars have the following name
ALL USER MANUES
ALL MANAGER Schedule
ALL MANAGER REPORTS
SYSTEM UTILITIES
NOW these titles are overlapping with each other and are really hard to see them on iPhone 6s plus. here is a picture of real device for reference. See the UI Tabbar and you will notice how bad it is looking
PROBLEM
The main problem is my client is not ready to cut short these titles
and he want the bottom control (UITabbar)
I set all this by Storyboard. so there is no code to share. But I am very much amazed that apple has not managed to properly align these UITabbar titles.
If is there any way to do that please let me know. Thanks in advance.
UPDATE 1:
I wonder why isnt there any more button and any slide applied by apple
developers by default for the following scenario. I think this can be
solved if there is any more button and showing only 2 View controller
on UITabbar and 2 inside the more button
The main problem is my client is not ready to cut short these titles and he want the bottom control (UITabbar).
In my view, the main problem is your client himself because tab bar items aren't made for displaying such titles: a better design approach needs to be done.
To try and convince your client, take a look at the Apple Human Interface Guidelines: it's better to use tab bar icons including a More button.
Besides, if you must implement the Dynamic Type feature, the Large Content Viewer will be your friend to enlarge your tab bar items.
I have checked out several libraries, videos and online blogs on how to make a side navigation drawer in iOS, but none of them have been able to provide a simple solution to create a side navigation drawer where you are not limited to just a TableView. I want to be able to add different UIViews to the side drawer. This is the kind of Side Drawer I am trying to create :
Screenshot
Most of the libraries cant allow custom views inside the side drawer, but I want to create a small view like this at the top of the drawer UITableView.
So far, I have tried these libraries but each of them lack an essential feature :
https://github.com/mutualmobile/MMDrawerController : Only supports a list of items(basically only a tableview) and not custom views like the one I want to add and like the one gmail has, which displays the profile picture along with the email id.
https://github.com/jonkykong/SideMenu : Same Reason.
https://github.com/handsomecode/InteractiveSideMenu : Animation is too fancy.
https://github.com/evnaz/ENSwiftSideMenu : Only supports a TableView in the side drawer.
After having developed a few android applications, I was quite surprised that iOS didn't have an equivalent of the android DrawerLayout, and when I searched for libraries I could not find a single one that had the right classic design that is most used. I read somewhere that adding a side drawer was a bad design choice, but in my application, I have already used all of my screen space and need a way to give the user quick access to 20-25 list options along with a small view at the top. I figured adding a side drawer was the perfect way to do so, but unfortunately I haven't gotten very far trying to make it.
All help will be appreciated!
SlideMenuControllerSwift will let you stick any viewController with any layout you want into your menu. Its really not that hard to make your own slide out either. Your options are: 1. You make a container and every view in the app goes int he container along with the menu and the container animates the menu in an out. Or 2. You just make a menu singleton and when it gets triggered it adds its view on top of the main window, which will cover the current view controller.
You can try this one also, NavigationDrawer
I am looking to create a tabcontrol similar to the one present in Windows Forms.
Here is an image of what I am looking to achieve:
What I have in mind to creating this is having buttons at the top and clicking those buttons would hide or show Views depending on which button is clicked.
Is there an easier way to create this component or is this the only way?
You can use either a UITabBarController (Bottom) or you can use a UISegmentedControl. And handle each time you select a UISegmentedControl item, you change a ContainerView (Which will act as the pin/window).
Of course, you will have to play with .isHidden true and false.
Another option is, instead of using a Container View, using a horizontal Collection View with scrolling disabled. And when you select a UISegmentedControlItem, you scroll programmatically to the other item. Each CollectionView item would act as the pin/windows.
If you are not comfortable with any of these options, you can look for a third-party library. For example https://github.com/xmartlabs/XLPagerTabStrip
Look up the UITabBarController. It sounds like a fit for the job.
In iOS, the built-in contacts app looks similar to what's displayed on this example page. What controls are being used to create the initial view? Is it a table view? If so, how is the image on the left offset from the two rows?
What's happening behind the scenes to switch this view into edit mode? Are labels being replaced with textboxes or are the textboxes simply being set to editable?
There are 2 ways to do things like this that I know
#1. That is UI TableView, but TableView with a custom TableView Header.
Also it is UITableViewStyleGrouped
Just Init and setup the view include a UIImageView On the left side and three UITextField on the right side.
like this
|----------| |---TextField---|
|---Image--| |---TextField---|
|----------| |---TextField---|
and set this view with:
self.tableview.headerView = yourViewWithImageAndTextField;
2. Just try to use Apple's own ABPersonViewController
Apple's sample
Documentation
Good luck to you
This looks like an pre iOS7 UITableView in UITableViewStyleGrouped style, and a probably a custom cell to handle the image.