I need to resize several images inside ImageView to screen size.
Currently I use scaleType="centerInside", it works good for bigger images to scale them down to screen size but doesn't expand small images.
All other suggested options crop or deform image. Is there any way to expand images (keeping ratio) via XML or do I have to do it manually in code?
You will be limited in how much you can do from the XML alone. The simplest way to expand a small drawable is to set android:layout_width and android:layout_height properties to what is desired (using density independent pixels dip). android:layout_width="320dip" will expand you to the full width of the screen (in portrait view).
If your images are photos or something with varying aspect ratios, then your only choice may be to inflate the view from code (after determining the correct size).
Just try scaleType="fitXY" . It Will enlarge or shrink the image exactly to the size of image view
Use scaleType="fitCenter" instead.
Try fitStart // Scale the image using START.
android:scaleType
http://developer.android.com/reference/android/widget/ImageView.html#attr_android:scaleType
Related
Im trying to make a splash screen with an image covering the whole layout, I have tried scale of 1.77 and 1.33 so far and failed to have the image successfully fitting in the screen without stretching. Any ideas what scale I should use
Imageview has various scaletype tags that can be used.
Most of the time we use center crop tag to cover the whole view and maintaining the aspect ratio.
android:scaleType="centerCrop"
for different scaletypes follow below link:
https://developer.android.com/reference/android/widget/ImageView.ScaleType.html
I have to display a splash image which has a round shaped object (a Ball). The Layout for splash is a simple linear layout with just a single Image view to occupy the full screen.
Image : single image with the size of 1280 x 720.
When my splash screen is shown in the App, The round object is shown in different shape in different screen sizes. I hope the aspect ratio and the resolution is the cause for these elongated images.
Could you please suggest an idea / approach to solve this ?
Do I need to consider the aspect ratio or the resolution or both ?
Finally the ball should look like a ball in all the devices :)
Thanks in Advance.
1) Yes, by default Android will scale your image down to fit the ImageView, maintaining the aspect ratio. However, make sure you're setting the image to the ImageView using android:src="..." rather than android:background="...". src= makes it scale the image maintaining aspect ratio, but background= makes it scale and distort the image to make it fit exactly to the size of the ImageView. (You can use a background and a source at the same time though, which can be useful for things like displaying a frame around the main image, using just one ImageView.)
2)You should also see android:adjustViewBounds to make the ImageView resize itself to fit the rescaled image. For example, if you have a rectangular image in what would normally be a square ImageView, adjustViewBounds=true will make it resize the ImageView to be rectangular as well. This then affects how other Views are laid out around the ImageView.
You can change the way it default scales images using the android:scaleType parameter. By the way, the easiest way to discover how this works would simply have been to experiment a bit yourself! Just remember to look at the layouts in the emulator itself (or an actual phone) as the preview in Eclipse is usually wrong.
Reference : How to scale an Image in ImageView to keep the aspect ratio
set imageView property
scaleType="centerInside"
Add scaled versions of the image with the same file name under folders 'res->drawable','res->drawable-ldpi','res->drawable-hdpi' and under xhdpi "http://developer.android.com/guide/practices/screens_support.html#DesigningResources"
I have an image to be used a background in activity:
I want this image to fit screen by its height.
It means that for wide-screen smartphones, I want my image to be fit by height and centered:
and for square-screen smartphones, I want my image to be cut:
I use ImageView for the image. What scaleType should I use? Looking at the second figure, I'd say to use android:scaleType="centerInside". But looking at the third, I'd say to use android:scaleType="centerCrop". What is correct?
Your evaluation of the different scaleType's is correct. If you want the whole image to be visible, use "centerInside", or if you want to fill the whole view then use centerCrop.
To use a mix of both, you can set the scaleType in your onCreate() method. Based on the behavior you want to have, you can check the orientation or size of the screen and set the appropriate choice.
imageView.setScaleType(ScaleType.CENTER_INSIDE); // or ScaleType.CENTER_CROP
You can have two layouts, one for each of your configurations. You can then load the proper one at the activity's onCreate() call.
When you fit one side of image to background, you will face with two problems, first one is screen width is bigger than image's width or screen height is bigger than image height.So you will have empty space.
If you do not want to face with resolution problem and you want to fit both side of image to background, you need to use centerCROP.But as i said, if one side of image is not enough to fit background, image gets bigger till it will be filled.
Use centerCrop because centerInside doesn't scale an image in a view and you have to create the image with appropriate height to achieve wide-screened smartphones background filling. Or alternative you could use fitCenter to get uniformly scaled image by both axes which fills the all background.
I am developing an android app. What I am trying to do is a listview with custom view having some text and an images. The images I am downloading from internet have different size. And I want to resize them without changing their appearance. If I set ImageView height and weight in xml file, my app will have same appearance on different screen size devices. If I set ImageView layout size to wrap content, images looks terrible in app because they each of them have different size. An idea or tutorial would be nice. Thanks.
I think what you would want to do is resize the images in something like gimp or photoshop, and save multiple copies of the images at different sizes.
You'll want to look up this tutorial.
The scaleType attribute of ImageView is very useful in fixing resizing issues on different screen sizes. This site has sample images of all scaleTypes.
One solution is to use a sufficiently large image, specify match_parent as the layout_width of the ImageView, and use an exact layout_height in dp. If scaleType is centerCrop, the image's dimension is maintained [although only a part of the image may be shown, depending on the screen size].
I have an ImageButton:
I want to make the image (circular play image) bigger. I am aware of android:scaleType, but I don't want to stretch the image all the way to the borders of the button. I just want to make it a little bigger, say 120% of the current size.
Is that possible?
Edit your image in photoshope to make it bigger in your desire resolution.
Or
In android put height , weight of your image and set scaleType:FitCenter
In the xml layout set the width and height to be a larger amount of dip.