Custom activity indicator popup - iphone

This may be a simple question but i would like some help to find out how to make it.
I want to make a custom "loading" popup for my ipad app.
Just like this app:
http://www.youtube.com/watch?v=ZY31Bn5slv0
you see the black loading popup at +- 30sec,40sec,56sec,...
I remember that i had a sample of this, but can't find it back.
Can someone show me which way to look?
Thanks

This is exactly what you want.
After adopting this,
in initWithFrame: mehode of Loadingview create a frame with CGRectMake(0,0,300,300) then make it center loadingView.center = aSuperView.center;
and inside the drawRect: methode set ROUND_RECT_CORNER_RADIUS = 20;

looks like a UIView with curved corners a UIActivityIndicator and a UILabel saying "loading".

Related

How to create a arrow above the table view

I need to design a view that look like some thing like this. I know this a UITableView below the top bar. but how i can create a arrow like shown in attach image.
Any guide will be helpful
Thanks
It's not about "Creating Arrow" above UITableView, it's about "Showing White Triangle" in the Image. Also , Changing the Image of UIButton is more Simpler.
Change this Image
with
It seems to be header view of table.
Use this methode
-(UIView*)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
UIView *view = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 320, 40)];
//create your view here. buttons lable image etc.
return view;
}
There can be different ways to implement this but a much easier way is to use this library SDSegmentedControl
Hope this helps.
You can create custom header view instead of giving the background view to all the table . add the background image to the header view with array pointing in the opposite direction .
just use an arrow image in uiimageview, as it is only above the uitableview.
If the arrow will move to other label for ex, series or title, then just change the frame of that arrow imageview(u can also use uiviewanimations). This is what I had done when I had the same issue.
If you're going to be changing the rest of the view depending on what button the arrow is on, you also might want to look into putting your UITableViewController inside of a UITabBarController. You won't be able to get the same colorscheme as you have in your screenshot I don't believe, but a lot of the behind-the-scenes work for changing the rest of the view depending on what is selected will be done for you (or will at least be much easier to set up). Also, Apple seems to tend to grumble about "non-standard interfaces" when you try to make up your own way of doing something that already can be done with the built-in UI framework.

Safari Reader font-size control like popover

Safari has a nice popover that is used for controlling the font size. I'm talking about that one:
It's pretty nice, and my question is - how to implement something exactly like this?
Thank you!
There are many projects in github about popoverview, such as this https://github.com/takashisite/TSPopover
One way to implement this is to add a transparent view that takes up the whole screen so that when I touch outside the popover content, it'll dismiss. And the rest you need to do is just add some subviews to your transparent view.
Simple Really, If you want to use a popover then you can see this code PopOver Link
Or you can simply create a UIView containing 2 buttons , let this UIView rollout an animation whenever the UIButton on the bar is clicked and so on and so forth. Let me know for further queries :)

how to set UIView Background color with glass effect similar to UIAlertView

i need to place one textfield with 3 buttons in an alertview. According to UIGuidelines it is not possible,so Instead of AlertView I place UIView similar to Alertview.
And i animate it like Alert view using this code.
If works fine.
it displays with white Color Background,But i need to design same as AlertView Background color and style like round edged.
How can i done this.
can anyone pls help me.
Thank u in advance.
The UIAlertView background is simply an image. You are better off creating a custom png image and using it as your background.
That can be done with CoreGraphics / Quartz functions, but it is quite complicate to simulate the same effect
Another approach would be to create a UIImageView with a streched uiimage you mock in Photoshop or so.
;)
EDIT: You can set a custom view directly into UIAlertView like this:
if (floor(NSFoundationVersionNumber) > NSFoundationVersionNumber_iOS_6_1) {
[_addPersonAlert setValue:auxContainerView forKey:#"accessoryView"];
}else{
[_addPersonAlert addSubview:auxContainerView];
}
There are a lot of open source, subclasses of UIAlertView that might accomplish what you want to do. I'll leave a couple as an example but you can certainly google out some other options as well.
https://github.com/rtecson/RTAlertView
https://github.com/lmcd/LMAlertView
In my case I used once, LMAlertView which let's you access it's "contentView" property, to set any UIView that you want as part of the alert. Have in mind that you can add a hierarchy of views into a single UIView and set this container view as the contentView of the alert.

Custom UIPickerView Background

So I want to change the UIPickerView background to add a black rectangle next to the white part of the scroller, a la the Convert app.
However I'm not sure how to go about doing that. I know there's no direct way to do it, but I've also looked at trying to write my own UIPickerView from scratch using UIScrollView. This didn't seem very promising.
Do you have any suggestions or tips? Really appreciate it.
Just create a UIImageView that contains the left portion of your graphic above. Add that UIImageView to the same view that contains your UIPickerView-- so it will draw on top of your UIPickerView.

Custom UIToolBar from Images

I need to create a UIToolbar object that uses an image for the background. Most of the buttons are images as well, and rectangular. One button, however, is round and overlaps the toolbar like the Start button on the Windows task bar. See below.
I know that I will need to subclass the UIToolbar to paint the image for the toolbar -- I think. If so, does anyone have example code showing how to do this?
Furthermore, does anyone have any ideas on how to implement the larger round button? I'm thinking of another custom subclass for this, but not sure if there might be an easier way.
I can have the art guys chop the image anyway needed, which I'm sure the round button will need to be chopped some how.
Any ideas or sample code?
alt text http://iphone.sophtware.com/toolbar.png
Maybe you'll find some inspiration at this tutorial : Recreating The Raised Center Tab Bar Button of Instagram, DailyBooth & Path
For the color, you can experiment with the tintColor property.
As for the rest, UIToolbar is not designed for this. You will need a custom component (probably based on UIView).
I think it is possible but hard.
Override the drawRect method of the toolbar to draw the whole image. Then add left and right buttons.
For the round button you can add one invisible button on the bottom middle of the View and another invisible button in the middle of toolbar. Of course, you can try to use the views instead of the buttons and track the user interaction manually.