How to show imageView full screen on imageView click

Question

I am getting images from url and showing it on the imageView  This functionality is working properly  But I want that when I click on that image  then it must be full screen  So how to achieve this functionality  I know I am missing something  Please help me  Screenshot is attached  I want the same functionality in my app also       Here is my code  which I am trying on Image click        Override     public void onClick View v            if  isTouch1                horizontalScrollView setVisibility View GONE               isTouch1   false                 mSystemUiHider toggle                setTheme R style FullscreenTheme               Log d  Here isTouch is true     gt                    ChangeThemeUtils changeToTheme FullScreenImageAdapter this  ChangeThemeUtils THEME HIDE ALL WINDOW               getSupportActionBar   hide               else               isTouch1   true              horizontalScrollView setVisibility View VISIBLE               getSupportActionBar   show                setTheme R style ExampleTheme                 mSystemUiHider show                Log d  Here isTouch is false     gt

User · Answer

Actually there are three ways to enable full screnn, visit : https://developer.android.com/training/system-ui/immersive

but if you wanna get full screen when the activity is opened, just put this code in your_activity.java

@Override
public void onWindowFocusChanged(boolean hasFocus) {
    super.onWindowFocusChanged(hasFocus);
    if (hasFocus) {
        hideSystemUI();
    }
}

private void hideSystemUI() {
    // Enables regular immersive mode.
    // For "lean back" mode, remove SYSTEM_UI_FLAG_IMMERSIVE.
    // Or for "sticky immersive," replace it with SYSTEM_UI_FLAG_IMMERSIVE_STICKY
    View decorView = getWindow().getDecorView();
    decorView.setSystemUiVisibility(
            View.SYSTEM_UI_FLAG_IMMERSIVE
            // Set the content to appear under the system bars so that the
            // content doesn't resize when the system bars hide and show.
            | View.SYSTEM_UI_FLAG_LAYOUT_STABLE
            | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
            | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
            // Hide the nav bar and status bar
            | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
            | View.SYSTEM_UI_FLAG_FULLSCREEN);
}

// Shows the system bars by removing all the flags
// except for the ones that make the content appear under the system bars.
private void showSystemUI() {
    View decorView = getWindow().getDecorView();
    decorView.setSystemUiVisibility(
            View.SYSTEM_UI_FLAG_LAYOUT_STABLE
            | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
            | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
}

User · Answer

lt RelativeLayout xmlns android  http   schemas android com apk res android  xmlns app  http   schemas android com apk res-auto  android background   000  android gravity  center  android orientation  vertical  android layout width  match parent  android layout height  match parent  gt     lt ImageView     android scaleType  fitXY      android layout marginTop  5dp      android layout marginBottom  60dp      android src   drawable lwt placeholder      android layout width  match parent      android layout height  match parent      android adjustViewBounds  true      android visibility  visible      android id    id imageView      android layout centerInParent  true   gt  lt  RelativeLayout gt    and in activity   final ImageView imageView    ImageView  itemView findViewById R id imageView                      PhotoViewAttacher photoAttacher          photoAttacher  new PhotoViewAttacher imageView           photoAttacher update             Picasso with ImageGallery this  load imageUrl  placeholder R drawable lwt placeholder                   into imageView     Thats it

User · Answer

It s easy to achieve this is to just use an Intent like this   I put the method in a custom class that takes in an Activity as a parameter so it can be called from any Fragment or Activity       public class UIutils    private Activity mActivity       public UIutils Activity activity           mActivity   activity         public void showPhoto Uri photoUri           Intent intent   new Intent            intent setAction Intent ACTION VIEW           intent setDataAndType photoUri   image              mActivity startActivity intent             Then to use it just do this   imageView setOnClickListener v1 - gt  new UIutils getActivity    showPhoto Uri parse imageURI       I use this with an Image URL but it can be used with stored files as well  If you are accessing images form the phones memory you should use a content provider

User · Answer

Use this property for an Image view such as   1  android scaleType  fitXY  - It means the Images will be stretched to fit all the sides of the parent that is based on your ImageView   2  By using above property  it will affect your Image resolution so if you want to maintain the resolution then add a property such as android scaleType  centerInside

User · Answer

You can use ImageView below two properties to show image based on your requirement      android adjustViewBounds   Set this to true if you want the ImageView to adjust its bounds to preserve the aspect ratio of its drawable  android scaleType  Controls how the image should be resized or moved to match the size of this ImageView     lt ImageView     android id    id imageView      android layout width  wrap content      android layout height  wrap content      android adjustViewBounds  true      android src   drawable ic launcher   gt       Above two properties can be use either xml or java code   As you need to decide at run time need to show image into full screen or not so will apply above two properties at java code as below    public class MainActivity extends Activity        ImageView imageView       boolean isImageFitToScreen        Override     public void onCreate Bundle savedInstanceState            super onCreate savedInstanceState           setContentView R layout activity main            imageView    ImageView  findViewById R id imageView            imageView setOnClickListener new View OnClickListener                  Override             public void onClick View v                    if isImageFitToScreen                        isImageFitToScreen false                      imageView setLayoutParams new LinearLayout LayoutParams LinearLayout LayoutParams WRAP CONTENT  LinearLayout LayoutParams WRAP CONTENT                        imageView setAdjustViewBounds true                    else                      isImageFitToScreen true                      imageView setLayoutParams new LinearLayout LayoutParams LinearLayout LayoutParams MATCH PARENT  LinearLayout LayoutParams MATCH PARENT                        imageView setScaleType ImageView ScaleType FIT XY

User · Answer

public class MainActivity extends Activity    ImageView imgV    Override public void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       setContentView R layout activity main        imgV   ImageView  findViewById  your Image View Id         imgV setOnClickListener new OnClickListener              Override         public void onClick View v                    imgV setScaleType ScaleType FIT XY   getWindow   setFlags WindowManager LayoutParams FLAG FULLSCREEN WindowManager LayoutParams FLAG FULLSCREEN   getWindow   requestFeature Window FEATURE ACTION BAR   getSupportActionBar   hide

User · Answer

use following property of ImageView for full size of image    android scaleType  fitXY    ex           lt ImageView         android id    id tVHeader2          android layout width  match parent          android layout height  match parent          android scaleType  fitXY          android gravity  center          android src   drawable done sunheading    gt    1 Switch on other activity when click on image   2 pass url in intent  3 Take imageview on that Activity and set above property of imageview  4 Get the url from intent and set that image   but using this your image may be starched if it will of small size

User · Answer

Use Immersive Full-Screen Mode    call fullScreen   on ImageView click     public void fullScreen                 BEGIN INCLUDE  get current ui flags             The UI options currently enabled are represented by a bitfield             getSystemUiVisibility   gives us that bitfield          int uiOptions   getWindow   getDecorView   getSystemUiVisibility            int newUiOptions   uiOptions             END INCLUDE  get current ui flags             BEGIN INCLUDE  toggle ui flags          boolean isImmersiveModeEnabled                     uiOptions   View SYSTEM UI FLAG IMMERSIVE STICKY     uiOptions           if  isImmersiveModeEnabled                Log i TAG   Turning immersive mode mode off                else               Log i TAG   Turning immersive mode mode on                           Navigation bar hiding   Backwards compatible to ICS          if  Build VERSION SDK INT  gt   14                newUiOptions    View SYSTEM UI FLAG HIDE NAVIGATION                        Status bar hiding  Backwards compatible to Jellybean         if  Build VERSION SDK INT  gt   16                newUiOptions    View SYSTEM UI FLAG FULLSCREEN                        Immersive mode  Backward compatible to KitKat             Note that this flag doesn t do anything by itself  it only augments the behavior            of HIDE NAVIGATION and FLAG FULLSCREEN   For the purposes of this sample            all three flags are being toggled together             Note that there are two immersive mode UI flags  one of which is referred to as  sticky              Sticky immersive mode differs in that it makes the navigation and status bars            semi-transparent  and the UI flag does not get cleared when the user interacts with            the screen          if  Build VERSION SDK INT  gt   18                newUiOptions    View SYSTEM UI FLAG IMMERSIVE STICKY                     getWindow   getDecorView   setSystemUiVisibility newUiOptions             END INCLUDE  set ui flags          Read more  Example Download

User · Answer

Yes I got the trick   public void onClick View v                 if  Build VERSION SDK INT  gt   Build VERSION CODES ICE CREAM SANDWICH                    imgDisplay setSystemUiVisibility  View SYSTEM UI FLAG HIDE NAVIGATION                               else if  Build VERSION SDK INT  gt   Build VERSION CODES HONEYCOMB                   imgDisplay setSystemUiVisibility  View STATUS BAR HIDDEN                else            But it didn t solve my problem completely  I want to hide the horizontal scrollview too  which is in front of the imageView  below   which can t be hidden in this

User · Answer

That didn t work for me  I used some code parts from web  what I did   new activity  FullScreenImage with   package yourpackagename  import yourpackagename R    import android annotation SuppressLint  import android app Activity  import android graphics Bitmap  import android os Bundle  import android view View  import android widget Button  import android widget ImageView   public class FullScreenImage  extends Activity      SuppressLint  NewApi       Override public void onCreate Bundle savedInstanceState        super onCreate savedInstanceState        setContentView R layout layout full        Bundle extras   getIntent   getExtras        Bitmap bmp    Bitmap  extras getParcelable  imagebitmap         ImageView imgDisplay      Button btnClose        imgDisplay    ImageView  findViewById R id imgDisplay       btnClose    Button  findViewById R id btnClose        btnClose setOnClickListener new View OnClickListener                     public void onClick View v        FullScreenImage this finish             imgDisplay setImageBitmap bmp                Then create a xml  layout full   lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayout xmlns android  http   schemas android com apk res android  android layout width  match parent  android layout height  match parent   gt    lt ImageView     android id    id imgDisplay      android layout width  fill parent      android layout height  fill parent      android scaleType  fitCenter    gt    lt Button     android id    id btnClose      android layout width  wrap content      android layout height  30dp      android layout alignParentRight  true      android layout alignParentTop  true      android layout marginRight  15dp      android layout marginTop  15dp      android paddingTop  2dp      android paddingBottom  2dp      android textColor   ffffff      android text  Close    gt       lt  RelativeLayout gt    And finally  send the image name from your mainactivity     final ImageView im    ImageView findViewById R id imageView1        im setBackgroundDrawable getResources   getDrawable id1        im setOnClickListener new OnClickListener             Override        public void onClick View view           Intent intent   new Intent NAMEOFYOURCURRENTACTIVITY this  FullScreenImage class           im buildDrawingCache           Bitmap image  im getDrawingCache            Bundle extras   new Bundle           extras putParcelable  imagebitmap   image          intent putExtras extras          startActivity intent

[android] How to show imageView full screen on imageView click?

Examples related to android

Examples related to imageview

Examples related to fullscreen

Examples related to android-fullscreen