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"
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 want to fit image to android imageview without preserving the aspect ratio. I.e. I want the image to resize to imageview's size. I know that I can use the image as a background of the imageview to achieve the purpose. But is there any way I can use it as a foreground image of the imageview and fitting it to its dimension?
I have seen various answers and all of them suggest the other thing(image view fitting to the image size).I want to do it via xml.
Of course, you have tried
android:scaleType="fitXY"
I suppose...
Developer - Scale Type
This would scale in both directions (X, Y) independently
(by using the FILL algorhithm, which is - more or less, the same as what it does when setting a background).
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 have a bunch of images of dimension 480x800. The intention is that these will fill the entire screen of the device.
I would like to take the image and use createScaledBitmap() to resize the image to fit the screen exactly. I then want to put this bitmap inside another bitmap (not stretch it), which will have dimensions that are a power of two.
So for example, if the screen size is 320x480 I resize my 480x800 image to be 320x480. I then want to place this 320x480 image inside of a bitmap that is 512x512 so that the original image is nested in the top left corner (with the extra space being blank).
How can I achieve this on android? I have gotten so far as to resize the image to fit the screen exactly, but not making the power of two bitmap and filling it.
Solved this by using a texture atlas
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