making a UIImageView go full screen when pressed - uiimageview

im new to this so please excuse anything ive missed
right so ive been working on an app for a few weeks now, i have done most of my app and now on the last tab (out of 5 tabs) the last tab is a photo gallery
it has 12 UIImageViews which i have a smaller version of an image in, and what i want to do is when each one is pressed, i want the image to go full screen with a new image that is the proper one ((the full size one) if that makes sense)
i have no code written so far as im completely stuck here.
any tips or references would be a great help
Thanks! :)

show those 12 images as a background image of different 12 buttons. then u can fire an event each time you click those button .
make sure you use a same image for UIControlStateHighlighted and UIControlStateNormal.

Related

Best way to represent list with image(using url) in Xamarin.Forms?

I want to create List View. In this List View, I will have following fields.
StackPanel
1- Image with 300 x 400 size
2- Text-Label Controls
1 Screen will hardly cover 1 and Half ViewCell.
Images will have ImageURL. I want to load image smoothly. I also want to make smooth scroll up/down with image appearing.
Can anybody please suggest me which control I should use?
If List View, which CacheStrategy I should use?
Note: For one of such functionality, I had used List View with default CacheStrategy. In that, I just faced 1 major problem of image appearing. When page initialize first time, it show image properly. But as soon as I scroll down or scroll up, image disappear or misplace. In that case, I had suffered a lot and removed image finally.
Please suggest appropriate way for above functionality.
Thank you.
For the listview, you should definitely use RecycleElement as the CachingStrategy. See here https://developer.xamarin.com/api/type/Xamarin.Forms.ListViewCachingStrategy/#Remarks
And because the images are URLs, you can use FFImageLoading. It will fade-in the image after it is downloaded (as opposed to appearing instantly after downloaded), and you can even specify a placeholder image to use while the image is being downloaded.

AngularJS2.0 Tile Homepage Animation To New Page

I am starting on a new website project using AngularJS 2.0.
However, I have a particular idea which I have no idea how to work out.
The website would work as follows: (I have put a link down here with multiple images that I hope can illustrate my idea).
Homepage with 20 rectangles, all having a different background color and some text and maybe a picture inside of it.
When clicking on one of the rectangles, the background of that tile will animate to a new page. The color of the header of that "new" page would be the color of the background of the tile. I think this should be done using the routing module right?
Link
How can I achieve this? Should I be using like 20 different components on the home screen which I somehow animate to a new page using routing or should I do something else?
I am kinda new to AngularJS but I'd love to learn more, would be great if anyone could help me out with this.
Thanks in advance

Image gallery in CollectionViewController

I am recently working on an iphone app in xcode 6 and created an image gallery in CollectionViewControllor, I need help about 2 things;
first I need to get a fullscreen view of the Images I have in each cell,
second How I can update the images dynamically
I really appreciate your help in advance,
A few suggestions on the two questions in this post
How to show image in full screen? Depends how you want it to show to user. One way could be to make a new view controller having a UIImage. Once you tap on the image in collection view (using didSelectItemAtIndexPath), you can pass the image to new controller which displays it.
To update the images in real time, I assume you have images stored somewhere remotely and want to fetch those in background and update the collection view. Following article may help over here
http://www.raywenderlich.com/19788/how-to-use-nsoperations-and-nsoperationqueues
Hope it helps.

How to zoom in on K2 item module images

This is the website I am working on > http://legendofindia.com/
I have been stuck on the "What's New" of the page because the client wants the images displayed to have a mouse over effect that zooms in the picture.
kicker: when the picture zooms in the container box shouldn't move. and it has to be full css
Been trying a lot of approach editing the css files and been researching also but to no avail. I hope you guys can help me because my deadline is pretty close and this is the last thing I need to finish.
Thanks
may be you can do like this jsfiddle.net/27Syr/5/
taken from Creating a Zoom Effect on an image on hover using CSS?

add background image and push it to the back scene

A simple question. I have already finished my app with full functionality and I now need to add background images to make it look nicer. However, if I simply add on top of each view an image view, the image appears in the foreground, covering the buttons/textfields etc. How do I get round this?
Also, one of the views of my app is a scroll view. Should this be treated differently concerning background images?
Thanks
OK - I found the (very simple one-click) solution: editor>arrange>send to back...

Resources