I want to design a rich text area for iPhone where user can enter text or multiple images such that when user attached image it just come after the text ends and after that continue to write text.When user edits the text the image will also get adjustable according to it.
Any suggestion how to achieve it.
Thanks
IOS 5.0 introduces editable UIWebView. This makes rich text editing in iphone less complicated.
Just go through these tutorial's series http://ios-blog.co.uk/iphone-development-tutorials/rich-text-editing-a-simple-start-part-1/
The best tutorials for rich text editing in IOS 5 !!!
Today, your best bet for this IMO is a UIWebView. You should start by watching Session 511 ("Rich Text Editing in Safari on IOS") from WWDC 2011. You may want to start with one of the existing JavaScript solutions with good Safari support, such as TinyMCE or CKEditor, and adapt from there. This is all covered in the WWDC video.
Related
Hi
I am developing an ipad Magazine app where I need to display pdf files.I am using leaves project for page curl effect.This works great.
But in landscape page fits to height(768px) and it becomes difficult to read the font.
Thats why I want to support zoom in/out on this view.
I am a newbie to Core Graphics.I think in leaves project they parse pdf to show image of each page.But I dont know why zoom is not supported if it is an image.
There are some more branches of leaves project for implementing this feature but all of them are not perfect.
Shall I continue using leaves or UIViewAnimationTransitionCurlUp/Down will help me for both the problems?
Thanks
here is the code for your requirement. check out this
You can refer this tutorial. Provided by APPLE
Hope it helps.
What is the best way to support richtext (bold, italics, font sizes, etc) in an iOS app? I don't believe UITextView and UIWebView can do this. What are most word processing apps using?
One tool to do this is Core Text API
Take a look at this tutorial and the documentation from Apple.
I'm working on a mobile-optimized version of a client site that contains many HTML5 video tags. When viewing on the iPhone it's displaying the default play button watermark. Is it possible to customize this icon?
I don't think you can do this in the HTML, because the play icon you're seeing is in fact an (undocumented) UIButton subclass that's laid on-top of the webpage. It's not an HTML element, it's a UIKit one.
I have messed around in the past with modifying this button, but you need to perform various dodgy operations on a UIWebView from Objective-C, not HTML, so it's probably not much help to you (even if it was, it's all undocumented so not suitable for production use anyway).
What is the best way to create tutorial or help screens that can be viewed in an iPhone App on launch?
I'm debating between using two paradigms:
Edit a screenshot of the app with an image editing program to add static help text. Interaction is tapping or scrolling through the tips. This involves creating a custom UIViewController to advance to the next help screen.
Create a custom iPhone UIControl on top of the App user interface that can be tapped to advance to the next tutorial tip. The application will transition between the modes and will be active, rather than static. It involves adding hooks into the App's custom ViewController's to handle "TutorialUIControl" objects.
Here's some screenshots of the application that I need to make help screen UI for, it's an application that creates artwork. More App Information
Screenshot 1: View mode that allows viewers to scroll through an image list, like the UIImagePicker, but for custom image collections.
Screenshot 2: Action mode - allows viewers to select images to save to the "My Saved" album from the active art generation album "My Evolution" or evolve images using sexual/asexual image reproduction.
The "right" answer really depends on the application you are designing. I would highly suggest getting as many apps as you can and looking at how they do help. See what works and what doesn't and think about how that is related to your own design.
In my app (a game) I chose to build a set of static images that could be scrolled through to provide detailed help (based on Apple's sample code). But, I also built an interactive tutorial that plays the first time you run the game. I also pop up a welcome overlay the first time the app is run and suggest what button to press to start a game.
It also helps if you test your tutorial with a lot of different people. After several designs with things too complex, I boiled down my instructions to something extremely simple: "Press the green buttons", and then built up from there.
You can easily store a preference to say whether the app has been launched before, and if that entry is blank you run the tutorial again.
You can create an HTML tutorial that you view through a UIWebView. In on of my iPad apps, I just made a large image that I presented modally with images and text explaining how to use the app.
For iPhone, the best way to include a "How-To" tutorial for your app would have to be a web document, seeing as how you can add images and formatted text.
Alternatively, You can add more views to your controllers with transparent backgrounds and animated buttons and text, for a more interactive feel.
To answer my own questions many months later.
I revamped and used WEPopover to show my help popups, as seen in the iPhone/iPad App, Wallpaper Evolution Lite. The help disappears only if tapped or the button it was attached to was pressed. Using this flow I could highlight a series of buttons to the user.
I added help images within the application to highlight interaction behaviors with the content. The tap, zoom, and drag images are fully interactive.
As #WrightsCS mentioned HTML is another avenue. I use the UIWebView to provide a more in depth help/tips screen with contact information.
In my upcoming app, I'm making use of a paging UIScrollView with help content highlighting app features. The help screen is loaded on the first start of the app, and is accessible through a help menu option.
Here's my fork of the WEPopover github project: https://github.com/PaulSolt/WEPopover
For any of you out there who have had a chance to download the iPhone 3.2 sdk and play around with the simulator knows that one of the apps built in is a contacts book. When you open this app up it looks like a book, and has a nice user friendly way to edit and view contacts. So if I wanted to make an app that uses a similar format, meaning I'd want it to be a book, that would allow for editing and viewing of different items. How would I do that? Is there a book template I just don't know about? :) I'm guessing that the book is just a nice photoshopped image that they are just laying the respective uiviews over the image but I may be wrong...any insights as to how I'd be able to implement a book as described would be greatly appreciated!! Thanks
I recently built an app that had a "contacts" functionality. I personally didn't want a book, so instead using photoshop, created a clipboard image for my background. The background they are using that looks like a book, is just that, a background image. they have other views and functionality built into the view controllers to make it slide around for editing.