I'm creating a WP7 application to crop photo, then add some effects and upload to server. I want when users choose which area of photo will be cropped, they can see the remain part.
I have my photo contained in a scrollviewer, so users can scroll to position they want, and crop the visible part of photo.
However, when scrolling in scrollviewer, the hidden part of photo is totally transparent, it make users hard to figure. I want users can view invisible part with opacity about 50%.
This image can explain more clear:
Is there a workaround or another control to solve this problem?
Thank you !
Rather than using cropping I'd try layering something over the top to create the semi-transparency.
Cropping means don't show this part of the image. It isn't just temporarily hiding it.
Related
I’m trying to create a waveform player similar to soundcloud, the minimum track image I set for the slider originally kept stretching to the slider button itself. I wanted it perfectly aligned with the maximumtrackimage so I users the code:
Image.ResizableImage(withCapInsets:UIEdgeInsets:0,0,0,0)
Screen shot
Which made the image stretch out past the slider button to the whole slider track itself, which is what I wanted but the problem is that the image is passing the slider track and I want it to resize from the beginning of the slider track to the end.
I can't quite remember what the SoundCloud interface looks like, but I seem to recall it's something like this:
I generated that effect easily without using any slider. In general it's probably best to do things the easy way, constructing your own interface rather than trying to bend some existing interface element (such as your slider) to some purpose for which it was never intended.
My interface consists of two image views, a red version of the sound "wave" with a black version laid on top of it. The "transition" from black to red is performed by sliding a layer mask sideways over the black version of the image view, thus revealing the red version which was hidden behind it.
So all you would have to do is coordinate the position of the layer mask with the position being played within the song. If you wanted to use this as a scrubber, you would just detect the user's finger within the image view and do the same thing.
I want to create a page with a big image as background and buttons that users can interact with.
So imagine I put a big image such as a piece of map into the screen, but I only show a corner of the map in the display. So if a user wants to see other parts of the map, they have to "scroll" and navigate to wherever they want.
Meanwhile I also want to put a button they can tap on, and that button should lead to a php webpage (in-app, not opening in safari or else) or information page about sites and buildings in this location.
I am a rookie and I haven't have any code written down yet. I am thinking about using UIScrollView and UIButton, but am I on the right direction? Any advice?
Thanks in advance!
First you need a way to pinch zoom the image. In this mode, you can drag the image in any direction that you want. A common method can be found here. A scroll view can only scroll horizontally or vertically but with that image zooming, each image can be zoomed in and then dragged to any direction you want. You can have a scroll view with only one image.
After you have the image zooming ready, all you need to do is to create a subview on your screen to cover part of the image view or scroll view, whatever you used.
My app adds buttons (as sub views) to a very large image which is itself inside of a scroll view. Everything works as intended (the user can zoom around and click the buttons), but the problem is that iOS system buttons seem to default to a very low resolution, and consequently look very bad when my large image is zoomed (see below).
Is there an easy way to change that resolution, or am I stuck supplying a high resolution image myself? If I'm stuck with the latter solution, then what am I to do if the button needs to contain dynamic elements which can't be supplied by me such as text?
I'm guessing that the solution is to add the button somewhere other than its current position in the view hierarchy (scroll view -> image view -> sub view), but I'm unsure where that would be.
Thanks for the help!
I want to implement scrollable button list which are displayed inside popup. I would need some kind of masking, but buttons should also work inside mask. Any suggestions how to do it?
It is possible to achieve this with CCMask class but this is pretty slow way to do it as mask has to be applied every update.
If you use this class you will also loose button detection so you will have to play with touch detection. You will also nead a lot of tweaks to position mask & objects exactly where you want.
When you will finish everything it will not be as good as you thought it will be .. The feeling of scrolling will just not be OK, since there will be masking lag ...
It is better to hide hidden parts of scrollable items with some kind of "window" images
In my iOS application, I've image view. I added pinch & zoon and move (left right top and left) functionality to it.
What I am looking is: I want to implement save functionality so that when I visit the same page again, it must show the same zoom scale and position of image. And later I must be able to zoom/move to different scale and save it.
I didn't understand which parameter do I've to save. so that I can retrieve it back.
Can any one give me some suggestion....?
This shouldn't bee too rough, I'm assuming your imageview is inside of a ScrollView (for all of its pinching and zooming help). If so you can simply store the contentOffset and contentScaleFactor when the user stops viewing the image, then reapply it when they view it again.