background preloader

UIControls

Facebook Twitter

UI PIXELS - Free PSDs & Resources for Web Designers by Emrah Demirag - Part 2. Ecommerce kit app… Free Hello uipixels followers. Ecommerce kit app Design. You can easily… Paper Plane app Design… Free Hello uipixels followers. Paper Plane app Design Sketch. You can… Free icons Set EPS Free Free icons Set EPS. Music Player App Sketch design. Credit Card Checkout PSD Free Credit Card Checkout PSD design. Iphone - action:@selector(showAlert:) how to pass parameter in this showAlert method. Creating an UIImage with given text and size « all about 'i' UILabel programmatically. UISlider UITextField UISwitch & UISegmentedControl. UITableView. UITableView is one of the most common types of views used in iOS applications.

Let’s go through a tutorial of the most regularly used features of table views. There are two main types of UITableView. The first is a “plain” table view, which looks like this: The second is a “grouped” table view, which looks like this: Both are commonly seen in iOS apps. Grouped table views are often seen in “settings” sections of apps, or on screens where users are inputting or editing information.

In this post we’ll be going through a sample app that uses UITableView. Data There are lots of different types of data you might be representing in your table. iOS keeps it pretty open-ended when it comes to how your data is represented. This can be a bit confusing at first, as you might expect to be able to just give the table view an array of rows, and be done with it. It may be annoying at first, but it actually provides a lot of flexibility for how you choose to represent your underlying data model.

Conclusion. UITableView – Creating a Simple Table View. UITableView: Customizing Table Cells, Headers and Footers. Note: This section is for developers who are not using Storyboards. If you use Storyboards for your project, then you can customize the layout for your table cells directly in the Storyboard editor. Visit Ray Wenderlich's excellent Beginning Storyboards in iOS5 tutorial for an intro. Customizing Table Cells If you want to create your own custom table cell styles, you'll need to replace the cell's contentView with your own views. The cell's backgroundView goes behind all the other views. The default cell height is 44 points high; if you want the cell height to be larger (or smaller), you must implement tableView:heightForRowAtIndexPath: - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath { return 60; } Customizing Table Section Headers/Footers A grouped table view has multiple sections, and you can customize the section headers by adding these methods to your table view delegate: CustomTableViewController.m Additional References.

UITextView - Style. Fun With UIButtons and Core Animation Layers | Cocoa Is My Girlfriend. Upon first glance, the UIButton class doesn’t seem to provide what you might expect in terms of customization. This often causes developers to resort to creating buttons in an image editor and then specifying that in the Background field in Interface Builder. This is a fine solution and will likely give you what you need, but with Core Animation layers there is a simpler way to achieve the look you want without having to create an image. This post will demonstrate how. Setting a Background Color In Interface Builder, you can specify a background color for your button if you are using the ‘Custom’ button setting, but when you run the application, the button will display as a block with no rounded corners. Note: Before I get into the source code, I want to remind you that you’ll need to add the QuartzCore framework to your project and #import <QuartzCore/QuartzCore.h> into one of your header files to have Core Animation layer support.

Gradient Buttons Rule Conclusion. UIButton : Size. UIButton : title alignment & multiline support. UIAlertView. In this tutorial you will be introduced to one of the most commonly used Cocoa-Touch classes: UIAlertView. With this class, you can quickly notify users of important or urgent application information. You may also force user feedback by combining the UIAlertView class with the UIAlertViewDelegate protocol. Read on to learn how! Step 1: Project Setup Create a new Xcode project using the "Single View Application" template.

Name the application "AlertDemo" and insert your own company identifier or use "com.mobiletuts.alertdemo" if you don't have one yet. Select a location on your hard drive to store the project and then click "Save". After creating your project, expand the Supporting Files folder in the Project Navigator pane to the left of the Xcode window. Download the project resource file attached to this tutorial and open the "images" folder. Step 2: Setup the Interface Find the MainStoryboard.storyboard file in the Project Navigator and select it. Step 3: Create the Alert Method. UIAlertView : UITextField insertion. Salut, Voici une petite astuce pour afficher une zone de saisie dans une alerte (comme lorsque l'app store vous demande le mot de passe de votre compte pour télécharger une app). Alors, il existe une méthode privée de la classe UIAlertView pour faire cela (je n'ai plus le nom en tête), mais si vous l'utilisez, vous aurez un warning à la compilation disant que la méthode n'existe pas.

Apple n'accepte pas que l'on utilise leurs classes et méthodes cachées, donc je vous déconseille fortement de l'utiliser. Il y a cependant une façon de faire et voici comment procéder : Il faut créer une classe dérivant de UIAlertView et possédant comme attribut un UITextField Le paramètre textFieldPosY servira à positionner le textField en fonction de la taille du message affiché dans la AlertView. Pas grand chose à dire sur cette classe qui est somme toute très facile à comprendre. CGAffineTransform translate = CGAffineTransformMakeTranslation(0.0, 130.0); [self setTransform:translate]; Voilà, à vos claviers ! UINavigationController. I wanted to write a UINavigationController tutorial because it’s one of the most common parts of iPhone apps (and iPad apps, although less so).

They have a few gotchas that can make learning a little confusing. In this tutorial I’ll start with the basic elements of using a UINavigationController, then get into some of the more complex things you can do with them. Creation UINavigationController is a subclass of UIViewController, but unlike UIViewController it’s not usually meant for you to subclass. An instance of UINavigationController can be created either in code or in an XIB file with relative ease. The root view controller can be set in an XIB by dragging the view controller under the navigation controller, or in code by using initWithRootViewController when you create it. The Navigation Stack Four methods are used to navigate user through the stack: – pushViewController:animated:– popViewControllerAnimated:– popToRootViewControllerAnimated:– popToViewController:animated: The Back Button.

UINavigationBar - Custom (2 ways) A key component of almost any iPhone or iPad app is the UINavigationBar. It makes navigating through an app effortless, is intuitive to users, and can even be customized to match almost any style you need. In this article, we’re going to look at two easy techniques to customize your UINavigationBar. I’ve created a simple demo app to show the two techniques. Feel free to follow along with the source code. Getting Started First off, let’s talk a bit about how a UINavigationBar is constructed. In the following example, I have a tab-based layout with three separate Navigation Controllers.

Once you have the basic setup, build and run your app to make sure things look about right. Technique 1: Embedded View In many cases, leaving the actual UINavigationBar alone and instead customizing the UINavigationItem (the title part) is what we’re looking for. This technique is fairly straightforward and can be done entirely within the XIB. Next, add elements and customize this view as you like. UINavigationBar - Custom background.