Custom "rubber band" view in Sproutcore - sproutcore

I'm scratching a long time itch and have started coding a simple
browser-based image editor in Sproutcore.
70% of my image editing needs consist of cropping pictures. For the
task of selecting which part of the image should remain visible, I
would like to use the interface every image editor uses: the rubber
band (?) selection box.
I'm pretty new to SC and I'm not sure how to go about implementing this. Is there a component available for what I want to do or will I need to write my own?
If I do need to write my own how would I go about doing it? Should I extend SC.ImageView and store the position of the selection box in there?
Thanks.

Related

iOS custom Time Picker l

I want to create time picker in iOS like following image
Please suggest me any available framework or way to achieve this type of timer in iOS.
In this image when user click on red circle and drag to the number what he want to set.
For example In given image currently it is 12 i.e 12:00AM if I dragged to 4 then Time should be 04:00 AM
I was also in need of exactly same component so i created one.
Please check the below link...
Here's Link 2 Component
I have given provision of theme in my project, for you requirement you need to set isDarkTheme to TRUE.
Hope this is as per expectations....
Feel free to vote if you like my answer/Project.
Simple and pretty standard stuff can be done with little core graphics or UIDynamics for animation, present controller as model view
Maybe you were looking for this one - ESTimePicker. It is under BSD license, so you can use it in commercial projects...

Tab Bar like WhatsApp

How do I create a tab bar like WhatsApp on BlackBerry in my BlackBerry app? I want that feature in BlackBerry OS 7.0. I have used managers -- HorizontalFieldManager and VerticalFieldManager -- to achieve it. But it doesn't look as attractive as WhatsApp. Can FieldTabController help me do this?
It's not going to look attractive if you are just making tweaks to the code, and then seeing what that looks like. You need to start with a design you find attractive. Once you have that goal put together as an image, you start writing code to make the UI look like the design image.
The WhatsApp tab bar is not a straightforward combination of built-in UI managers from RIM. It has a fair amount of customization - each tab has three visual states, and there is a tooltip that follows the focus, as well as a context tab on the right that changes depending on the currently selected main tab. This means there are several interacting UI components here, not just a single magic manager.
Essentially, you will probably want to start building your own custom Field objects.
Basically, subclass the Field class (or one of the other subclasses), and learn to love the paint(..) method and the Graphics API.

How to show multiple images in a single page of LeavesViewController?

The classes provided by Leaves developed by Tom Brow supports single images for each page of the book with flip effect. In one of our projects we need to show multiple images in a single page along with the flip effect. Has anybody done that with 'Leaves' or is there any other alternative?
We need this images to be added separately so that we can use UIImage selected actions as this images are also required to replaced.This view will also have UITextBox and UILabel.
I know that from iOS 5 on wards UIPageViewController is available which can serve this purpose but for this project we need to support iOS4 also so UIPageViewController can be ruled out.
Try to render two images in a graphics context and then extract the image from the context and draw it in pdfcontext. Hope this might help you.

iOS: Can the UIImagePickerController Default UI be modified?

I am working with a small camera app for a client and I have now finished all functionality of it. In the standard camera controls i need to modify one thing , the cancel button should say gallery instead.
But unless i am missing something i will need to remove the overlay by setting showsCameraControls to NO and then building my entire overlayView from scratch.
I have found this solution but I am afraid to go this route due to the warning in the beginning of the post.
So is there any valid way of doing simple small modifications to the existing camera overlay control UI or do you have to build it from scratch if you need to change one tiiiiiiny thing?
Unfortunately, having been in this situation I can safely say you need to build the controls from scratch. You really only have two options: create your own camera overlay, or use the default one.
Now, you could use the techniques described in the link you cite, and iterate through the various subviews and modify them 'blind'. The rather large danger with this is every time Apple change the internal structure of the image picker it could potentially break your solution. So I'd definitely stay clear of it.

blackberry replacing treeview node image with my own

i want to replace the node image with my own custom image is it possible? I have found way to add icons to treeview but that is just adding images to treeview not replacing the node image please share your experiance
The look & feel of standard BlackBerry GUI elements is controlled by current theme. If you need to have different look and feel of a standard TreeField instance then you need to create your own custom field.

Resources