Fit image to screen width in viewpager in landscape mode in android

Question

I have a VerticalViewPager and I have some images in it. When I rotate my device in landscape mode my ImageView doesn't scale to width of my screen. It fits the height if image instead. I used AspectRatioImageView. It fits the width but VerticalViewPager doesn't scroll down. Thank you.

activity_main.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >
<HackyViewPager
    android:id="@+id/vvp"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#fff"
    >
</HackyViewPager>
</RelativeLayout>

Here is rowitemview.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:pixlui="http://schemas.android.com/apk/com.neopixl.pixlui"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="#fff" >
    <AspectRatioImageView
    android:id="@+id/imageView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:src="@drawable/m4_3" />
</LinearLayout>

and here is my instaniateItem of my ImagePageAdapter that extends PagerAdapter:

@Override
    public Object instantiateItem(ViewGroup container, int position) 
    {
        Context context = MainActivity.this;

        container.requestLayout();
          AspectRatioImageView imageView = new     AspectRatioImageView(context);
imageView.setImageDrawable(getResources().getDrawable(R.drawable.m4_3));


          mAttacher = new PhotoViewAttacher(imageView);
          mAttacher.setOnMatrixChangeListener(new OnMatrixChangedListener() {

            @Override
            public void onMatrixChanged(RectF rect) {
                if((int)rect.width()>_width)
                    viewPager.setLocked(true);
                else
                    viewPager.setLocked(false);
            }
        });

P.S : The issue is with viewPager height. When I scroll down the image it just goes to the other page instead of scrolling the scaled image.

please add your code and you layout . – SacreDeveloper Apr 28 '14 at 07:55 — SacreDeveloper, Apr 28 '14 at 07:55

score 3 · Accepted Answer · edited May 23 '17 at 12:33

3

Here's what you need.

This is a good solution I found out.

Android Crop Center of Bitmap

This allows to set the height and your width according to your orientation.

To change the image's scale to full screen, you generally use center crop like this:

yourImageView.setScaleType(ImageView.ScaleType.CENTER_CROP);

Hope this information was useful..:)

edited May 23 '17 at 12:33

Community

1
1

answered Apr 28 '14 at 16:35

mike20132013

5,357
3
31
41

I don't have problem with image scale. I use `AspectRatioImageView` and it works fine. The problem is that `ViewPager` doesn't scale it's height to the container. – miladrasooli Apr 30 '14 at 04:44
Thanks, this solves the issue of unwanted image margins on the left and right. – Yar Dec 09 '14 at 06:26

score -1 · Answer 2 · answered Jun 20 '15 at 04:17

-1

Use android:scalType = "fitxy" in activity code like this imageView.setScaleType(ImageView.ScaleType.FIT_XY);

answered Jun 20 '15 at 04:17

hardwork

781
7
14

Fit image to screen width in viewpager in landscape mode in android

2 Answers2