ViewPager gallery image layout issue

Question

I am facing issue with below android page layout where my view pager image is not taking around 60% area image looks very small in view pager gallery. Looks like scrollview with viewpager has some issue but not able make out how this can be fixed. I have attached the screenshot of the resultant page. Please provide your valuable suggestions how it can be achieved. Thanks

  <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <TextView
        android:id="@+id/txtTitle"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textStyle="normal"
        android:textSize="22sp"
        android:padding="5dp"
        style="@style/news_page_font2"
        android:text="@string/blank"/>

    <ScrollView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:fillViewport="true"
        android:layout_weight="1"
        >

        <LinearLayout
            android:orientation="vertical"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            >
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="3"
                android:orientation="horizontal">

                <ImageView
                    android:id="@+id/prev"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_weight="0.1"
                    android:contentDescription="@string/app_name"
                    android:src="@drawable/previous_item" />

                <android.support.v4.view.ViewPager
                    android:id="@+id/view_pager"
                    android:layout_width="0dp"
                    android:layout_height="fill_parent"
                    android:layout_weight="0.8">
                </android.support.v4.view.ViewPager>

                <ImageView
                    android:id="@+id/next"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_weight="0.1"
                    android:contentDescription="@string/app_name"
                    android:src="@drawable/next_item" />
            </LinearLayout>

            <LinearLayout
                android:orientation="vertical"
                android:layout_width="fill_parent"
                android:layout_height="0dp"
                android:layout_weight="2"
                >
                <TextView
                    android:id="@+id/txtDate"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:textStyle="italic"
                    android:textSize="12sp"
                    android:padding="5dp"
                    style="@style/news_page_font"
                    android:text="@string/blank" />

                <ScrollView
                    android:id="@+id/horizontalScrollView1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentTop="true"
                    android:scrollbars="none" >

                    <TextView
                        android:id="@+id/txtdesc"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:textStyle="italic"
                        android:textSize="21sp"
                        android:padding="7dip"
                        style="@style/news_page_font"
                        android:text="@string/blank"/>
                </ScrollView>
            </LinearLayout>
        </LinearLayout>
    </ScrollView>

    <LinearLayout
        android:id="@+id/adbar"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >
    </LinearLayout>

</LinearLayout>

code from java file which attache image to view pager on the fly :

@Override
    public Object instantiateItem(ViewGroup container, int position) {
        ImageView imageView = new ImageView(context);
         .
         .
        ((ViewPager) container).addView(imageView, 0);

        return imageView;
    }

I have just added there was some mistake while adding image. — user3208935, Jan 02 '16 at 07:39

score 0 · Answer 1 · answered Jan 02 '16 at 07:43

0

use android:scaleType="fitXY" in the imageview which you are using in Viewpager

answered Jan 02 '16 at 07:43

Pratik

456
4
18

with fitXY (imageView.setScaleType(ImageView.ScaleType.FIT_XY);) image width has increased but height is still the same small. I need height around 50-60% of screen height. – user3208935 Jan 02 '16 at 07:47
Just put your viewpager in a single layout and set it .. hope it helps – Pratik Jan 02 '16 at 08:00
Hi Pratik could you please elaborate more .. could not understand what has to be done exactly .. – user3208935 Jan 02 '16 at 08:06

score 0 · Answer 2 · edited Jan 23 '16 at 04:37

<RelativeLayout 
    android:id="@+id/imagelayout11"
    android:layout_width="fill_parent"
    android:layout_height="150dp">


<android.support.v4.view.ViewPager
    android:id="@+id/imagelayout"
    android:layout_width="fill_parent"
    android:layout_height="150dp"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true" >

    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="match_parent"
        android:scaleType="fitXY"/>
</android.support.v4.view.ViewPager>

       <!-- pager indicators --> 
                                     <RelativeLayout 
                                           android:layout_width="wrap_content"
                                           android:layout_height="20dp"
                                           android:layout_alignParentBottom="true"
                                           android:layout_marginBottom="10dp"
                                           android:layout_centerHorizontal="true"
                                            >


                                           <ImageView
                                                android:id="@+id/dot1"
                                                android:layout_width="10dp"
                                                android:layout_height="10dp"
                                                android:background="@drawable/viewpageroff"
                                            />
                                              <ImageView
                                                    android:id="@+id/dot2"
                                                    android:layout_width="10dp"
                                                    android:layout_height="10dp"
                                                    android:layout_toRightOf="@+id/dot1"
                                                    android:layout_marginLeft="5dp"
                                                    android:background="@drawable/viewpageroff"
                                            />
                                                 <ImageView
                                                        android:id="@+id/dot3"
                                                        android:layout_width="10dp"
                                                        android:layout_height="10dp"
                                                        android:layout_toRightOf="@+id/dot2"
                                                        android:layout_marginLeft="5dp"
                                                        android:background="@drawable/viewpageroff"
                                            />
                                    </RelativeLayout> 
</RelativeLayout>

// use this adapter to set your images in viewpage

class CustomPager extends PagerAdapter
{
    @Override
    public int getCount() {
        return pagerimages.length;
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view== ((LinearLayout) object);
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        LayoutInflater inflater=getLayoutInflater();
        View view=inflater.inflate(R.layout.pager_item, container, false);
        ImageView imgvvv=(ImageView)view.findViewById(R.id.imageView);
       // ImageView profilepic=(ImageView)view.findViewById(R.id.profilepiccc);
  //profilepic.setImageResource(profilepicture[position]);
//            roundimagee=new RoundImage(profilepic);

        imgvvv.setImageResource(pagerimages[position]);
        container.addView(view);
        return view;
    }
    @Override
    public void destroyItem(View container, int position, Object object) {
        // TODO Auto-generated method stub
        ((ViewPager) container).removeView((ViewGroup) object);
    }
}

ViewPager gallery image layout issue

2 Answers2