Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
Now I am developing an app which includes music. On that I am using AVAudio player for playing music. My issue is that I need to show a circular progress bar with Play/Pause buttons. The sample image is attached with this.
How can I achieve this.
you can use components for example
LLACircularProgressView
or
UAProgresssView
and you can get lengh of your audio with :
audioplauer.duration
There are some good suggestions above.
You could also use a UIView, set its layer content to the image, and add a CALayer in which you draw the progress arc and CAShapeLayers or filled CALayers to draw the Play/Resume shapes. CALayers are light-weight and straight-forward to work with. You would capture the users touch in the usual way - with a gesture recognizer added to the UIView.
I personally find it is often easier to roll my own in a case like this than to deal with the integration of external projects, mainly because they tend to be much more general than I need, and the amount of work understanding how to integrate them, how to strip out what I don't need etc. ends up being greater than the work needed to make this component myself.
That being said, you should realize that if you roll your own, you have to debug and test thoroughly - whereas with third-party code you are (hopefully) benefitting from the testing of many other people.
For an introduction to CALayers, see the WWDC 2010 session "Core Animation in Practice - Part 1" (full disclosure: I was the presenter).
Related
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 5 years ago.
Improve this question
I am looking for either the terminology or a reference on how to do this.
When you Successfully build a project on Xcode a nice, looking alert pops up. Like the one below:
I have found only one other question on how to recreate this for Mac OS. I want the iOS version. I want to use this alert to show a count down for a timer. I have the count down fully functional but I'm not sure of a good way to display. I think this would be ideal for it.
I have the count down fully functional but I'm not sure of a good way to display
It's simply a view (UIView), with a transparent grey background color, rounded corners, and a light shadow. All of that can be readily be configured by straightforward view and layer properties in about three lines of code, and showing the view can be as simple as one line of code.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
I'm making an iOS app that has several video files in fullscreen mode between which you should be able to swipe or pinch to play a different video file.
I know MPMoviePlayerController doesn't allow gestures on it and that I'll need to capture the gestures in an overlapped view. But I would love you to share what would your approach be for this task.
Welcome to the site! As one comment mentioned, StackOverflow is generally more useful for specific questions like "what's wrong with this code" or "how do I get a UIWebView to do this" rather than general suggestions about conceptual design. That being said, I'm a big fan of "point me in the right direction" sort of advice myself, so here's how I'd go about it making an app like you described:
I'm picturing something like the Photos app, swiping back and forth between full-screen content, except that this time it's videos instead of photos, yes? If so, I'd probably look into UIScrollView with paging enabled, or UICollectionView. Either of those will allow you to make a series of full-screen "pages" that you can swipe back and forth between, and you can just add a video to each cell/page. You could even have the CollectionView programmatically play/pause each video as you switch between them.
The specifics of your app will determine exactly what configuration works best for you, but that's a good place to start.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
I'm building an iOS app and I have all the functionality going already so it's time to sit down and make it beautiful. I'm not very savvy in this area, this is the first app I've made and I'd like some good, up to date or recent, resources/tutorials on iOS interface design.
I already know how to change the UINavigationBar for instance. But I'd also like to customize my buttons, my tab bar, menu bar, bar button items, and so on. Any good resources for this?
To be more specific, I'm more interested on HOW to do the customization on these elements, not so much as to look for good ideas on how to make them loon, though those are appreciated.
There are dozens of great UI designers around the internetz and a couple of them have great websites!
You can absolutely use them as reference and as inspiration. But you will need to do the work (coding + grafix) on your own.
Your question is a bit to wide ranged to answer it easily. (almost) Every UIKit control has different methods to manipulate its grafix/design. E.g. a UIButton is easy to customize by setting its button style to plain and set a custom Background Image, but that won't work for a UISlider.
Custom images are a popular method to implement a nice design as UI. It's pretty great to work with a good artist or do it yourself if you are experienced with design tools like photoshop and simply add the images of your design to your apps but never forget the weight of images.
Keep the file sizes in mind and don't let a simple app have more than a few mb. (Especially if you want to support retina devices)
In addition to that don't underestimate the power of core graphics. You can do a lot of fancy design stuff like nice gradients as backgrounds or shadow effects by code without the need of images.
Since iOS5 there is a protocol called UIAppearance. It helps a lot to implement custom UI designs but sadly it is not backwards compatible. Just take a look at my favorite tutorial site for iOS stuff about UI customization in iOS 5. Ray Wenderlich - User Interface Customization in iOS 5
And last but not least some common design websites for mobile UI:
dribble
creattica
tapfancy
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 6 years ago.
Improve this question
My UI designer favors a radio style button for Yes/No. I understand there is no such UI component in iOS and I would use two different custom images for normal/highlighted state. However, what I need to know if Apple would allow me to do it. Is there any clause in the human interface guideline against using radio style button instead of SegmentControl style? Help would appreciated, thanks
DONT! This really is something you should avoid under pretty much all circumstances. The Apple GUI team has designed a different control for such task and you should rely on the fact that they really did a great job. Keep in mind that the user is using his finger to use the UI and that a radio-button is more or less designed for a mouse cursor. The "circles" would need to be huge to be properly addressable with a finger. Apple recommends 44points square for any touchable control.
Apart from that, you will not get rejected for creating such custom control.
I think that your designer needs to read the Apple HIG. They should know this is a bad idea.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
Can anyone show me an example of a cool animation when an iOS device is rotated? I have the following method implemented in my UIViewController:
-(void)willRotateToInterfaceOrientation: (UIInterfaceOrientation)orientation duration:(NSTimeInterval)duration
and I want to be able to make things fly around in a cool way, not just the standard rotation. I've never dealt with animations, so if someone could show me an example (or give me a link to a website with examples) of a neat animation, that would be great!
You'll have a hard time getting help implementing large amounts of code when you haven't shown much effort into trying it on your own first. You should start with the animation guides Apple provides, and try building some basic animations of your own. Once you have an idea of what specific animations you need help with, getting help on SO will be easy.