enter image description here
Taking a look at that picure, animation is use as background in the left and on the right side of the page, an image is used as the background. Please hw can i go about using both backgrounds on one webpage.
Related
I am creating new app with image capture. For example, if i capture a person with green background image, after capture i need to remove the green background and add another background image.
Do it the same way as on other platform. You can think of it like this.
replace the green pixel with any colour with alpha (opacity) = 0.
put the image on top of your background photo.
I have a welcome screen which displays an image using label as background.
Now, I want to and I'm trying to display an icon upon this background image with transition.
So, once the icon transition over the background image is done, I should be able to see the background image and the icon displayed in one screen.
Is it possible? How should I do it?
This is possible in Codename One using layered layout, I don't recall if we added it to LWUIT or later on as we forked to Codename One.
Failing that just set the image as the bgImage and then just place the other image on top.
I've been searching for that many time ago and I can't find a solution. I have a animated label that crosses the screen of the iPhone (like the title of a song does in the Music app.Well, I'd like to add the "fade in/out" effect like the music app has. The easy solution is open Photoshop and create this simple image and then add it up to the label. Well, under the label I have an image with black backgroud. The image can be zoomed in and then the image with the fade in/out effect can be seen, and it doesn't look well. Is there any possibility to do this programatically? Thanks
PD: if there's another possibility rather than doing this programatically, I'll apreciate the answer as well.
Edit: Here's the image capture of the problem
I'll approach it in a non-programming way.
The image reference you gave us for the Music app you seem to be emulating has a different gradient than the one you drew in the second image.
If you notice in the image, the gradient has not fully completed its transition from clear to black before the words are cut off. I would say in photoshop run the gradient from clear to 80% alpha black and then draw a 100% alpha black rectangle to finish it off as per image. The white is just showing you what it looks like without the black background.
Now as for the zooming. Correct me if I am wrong, but it sounds like you want a viewing window for the image so that once you have zoomed into it, it will fade to either side, but still be viewable/movable in the center. This means that the image has to be zoom-able, but once you have zoomed the "fade in/out" should not be zoom-able.
Just make sure you aren't scaling the fader by keeping it separate from the scrollView of your background image.
I want to implement the UI feature as in the image attached. The image is an screen shot form a Siemens App that is in App store. Here the bright portion can be rotated like wheel. I have gone through the link
http://www.raywenderlich.com/9864/how-to-create-a-rotating-wheel-control-with-uikit.
but I am not able to implement the feature as in image.
Following is the link to download the Siemens app.
http://itunes.apple.com/us/app/siemens/id452698392?mt=8
The simplest approach I can think of is to use two images. One would have the green and white detail display and one would be gray with a slight circular gradient, a lot of transparency, and a fully transparent segment.
The gray image would go on top and handle touch movement by rotating and taps according to its last stop position.
I need to Create an Image Gallery that may be use concept of scrolling and paging together.
When I click on a button, it will open a new view in landscape mode. This view is for my Image Gallery..
It shows 5 Images:
Centered Large Image With its description on Bottom.
Next Coming image on left side, This image is slightly tilled at some angle, Without any description at bottom.
next to next coming image on left to 2nd image.
previous image on right side, This image is slightly tilled at some angle, Without any description at bottom.
Previous to Previous image on right of 4th image
Moreover, all images should be scrollable, like when I scroll 2nd image, it will move to Center and show its description and image which is already centered move to previous image.
Sorry for my confused English, here's an example of what I am trying to obtain.
I tried for basic code of paging and scrolling but unluckily nothing helpful.
Could you give me some pointers?
Check out flowcover (see this question: Open source CoverFlow library for iPhone), which should get you started.
I think someone reported flowcover doesn't work on iOS 4.0, I haven't tried yet, ofcourse.
But, you can also take a look to this OpenFlow project, It will be help you I guess. Many people has builts their app on this library.