Question

I'm testing an app with some sort of gallery which I managed to create using PagerAdapter but I can't make the images show on fullscreen.

Here are some screenshots: View1 on the screen http://imgur.com/TVvFs2v , Transition from View1 to View2 http://imgur.com/h6RhxfN

What I want is to remove the white borders and the action bar, make the image fullscreen.

Here's the code:

SSTest.java

package com.exp.viewpagersstest1;

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.view.Menu;

public class SSTest extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_sstest);

        ViewPager ssViewPager = (ViewPager) findViewById(R.id.ss_view_pager);
        ImageAdapter ssAdapter = new ImageAdapter(this);
        ssViewPager.setAdapter(ssAdapter);

    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu){
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.sstest, menu);
        return true;
    }


}

ImageAdapter.java

package com.exp.viewpagersstest1;

import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

public class ImageAdapter extends PagerAdapter {

    Context ssContext;

    private int[] ssImages = new int[] { R.drawable.splash1,R.drawable.splash2, R.drawable.splash3 };

    ImageAdapter(Context ssContext) {
        this.ssContext = ssContext;
    }

    @Override
    public int getCount() {
        return ssImages.length;
    }

    @Override
    public boolean isViewFromObject(View ssView, Object ssObject) {
        return ssView == ((ImageView) ssObject);
    }

    @Override
    public Object instantiateItem(ViewGroup ssContainer, int ssPosition) {
        ImageView ssImageView = new ImageView(ssContext);
        // int padding = ssContext.getResources().getDimensionPixelSize(0x7f040002);
        ssImageView.setPadding(0, 0, 0, 0);
        ssImageView.setScaleType(ImageView.ScaleType.FIT_XY);
        ssImageView.setImageResource(ssImages[ssPosition]);
        ((ViewPager) ssContainer).addView(ssImageView, 0);
        return ssImageView;
    }

    @Override
    public void destroyItem(ViewGroup ssContainer, int ssPosition,
            Object ssObject) {
        ((ViewPager) ssContainer).removeView((ImageView) ssObject);
    }

}

activity_sstest.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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".SSTest" >

    <android.support.v4.view.ViewPager
        android:id="@+id/ss_view_pager"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:adjustViewBounds="true" />

</RelativeLayout>

EDIT:

The answer works perfectly, just needed to remove those lines from the xml to get rid of the white border:

android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
Was it helpful?

Solution

Setting activity style to NoActionBar should do the trick. For example put in your manifest one of these:

ActionBarSherlock:

    <activity
        android:name="com.exp.viewpagersstest1.SSTest"
        android:label="@string/app_name"
        android:theme="@style/Theme.Sherlock.NoActionBar" >
    </activity>

Native Action Bar:

    <activity
        android:name="lecho.app.campus.activity.PlacePhotoActivity"
        android:label="@string/app_name"
        android:theme="@android:style/Theme.DeviceDefault.NoActionBar.Fullscreen
    </activity>
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top