Gallery Android App Using Android Studio

Introduction

 
In this article, I will show you how to create a Gallery Android App using Android Studio. A gallery, whether in a building or on the internet, is a place where photographs are on display.
 
Requirements
Steps to be followed
 
Follow these steps to create a Gallery Android app. I have included the source code below.
 
Step 1
 
Open Android Studio and start a New Android Studio Project.
 
Android App
 
Step 2
 
You can choose your application name and choose where your project is stored on the location. If you wish to use C++ for coding the project, mark the "Include C++ support", and click the "Next" button.
 
Android App
 
Step 3
 
Now, select the version of Android and select the target Android devices. We need to choose the SDK level which plays an important role to run the application.
 
Android App
 
Step 4
 
Now, add the activity and click the "Next" button.
 
Android App
 
Step 5
 
Add Activity name and click "Finish".
 
Android App
 
Step 6
 
Add images in the Drawable file. The below template shows how to add the image file. Go to the app and right-click. The “Show in Explorer” option will appear. Click on the path and add an image in the main folder.
 
Android App
 
Android App
 
Step 7
 
The below template is shown after adding the image file.
 
Android App
 
Step 8
 
Go to activity_main.xml. This XML file contains the designing code for an Android app.
 
Android App
 
The XML code is given below.
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="match_parent"  
  3.     android:layout_height="match_parent"  
  4.     android:background="@android:color/white"  
  5.     android:orientation="vertical" >  
  6.   
  7.     <ImageView  
  8.         android:id="@+id/selected"  
  9.         android:layout_width="fill_parent"  
  10.         android:layout_height="fill_parent"  
  11.         android:layout_above="@+id/gallery_relative_layout"  
  12.         android:layout_marginLeft="30dip"  
  13.         android:layout_marginRight="30dip"  
  14.         android:layout_marginTop="30dip" />  
  15.   
  16.     <View  
  17.         android:layout_width="match_parent"  
  18.         android:layout_height="1dp"  
  19.         android:background="#770000ff"  
  20.         android:layout_marginTop="300dp"  
  21.         android:layout_above="@+id/gallery_relative_layout" />  
  22.     <RelativeLayout  
  23.         android:id="@+id/gallery_relative_layout"  
  24.         android:layout_width="fill_parent"  
  25.         android:layout_height="200dip"  
  26.         android:layout_alignParentBottom="true"  
  27.         android:orientation="horizontal"  
  28.         android:paddingTop="20dp">  
  29.         <verticalScrollView  
  30.             android:id="@+id/hor_scroll_view"  
  31.             android:layout_width="match_parent"  
  32.             android:layout_height="wrap_content"  
  33.            >   
  34.             <LinearLayout  
  35.                 android:id="@+id/gallery"  
  36.                 android:layout_width="wrap_content"  
  37.                 android:layout_height="wrap_content"  
  38.                 android:orientation="horizontal" >  
  39.                 <ImageView  
  40.                     android:id="@+id/image1"  
  41.                     android:layout_width="wrap_content"  
  42.                     android:layout_height="wrap_content"  
  43.                     android:src="@drawable/a"  
  44.                     android:onClick="biggerView"/>  
  45.                 <ImageView  
  46.                     android:id="@+id/image8"  
  47.                     android:layout_width="wrap_content"  
  48.                     android:layout_height="wrap_content"  
  49.                     android:src="@drawable/aa"  
  50.                     android:onClick="biggerView"/>  
  51.                 <ImageView  
  52.                     android:id="@+id/image2"  
  53.                     android:layout_width="wrap_content"  
  54.                     android:layout_height="wrap_content"  
  55.                     android:src="@drawable/b"  
  56.                     android:onClick="biggerView"/>  
  57.                 <ImageView  
  58.                     android:id="@+id/image3"  
  59.                     android:layout_width="wrap_content"  
  60.                     android:layout_height="wrap_content"  
  61.                     android:src="@drawable/c"  
  62.                     android:onClick="biggerView"/>  
  63.                 <ImageView  
  64.                     android:id="@+id/image4"  
  65.                     android:layout_width="wrap_content"  
  66.                     android:layout_height="wrap_content"  
  67.                     android:src="@drawable/d"  
  68.                     android:onClick="biggerView"/>  
  69.                 <ImageView  
  70.                     android:id="@+id/image5"  
  71.                     android:layout_width="wrap_content"  
  72.                     android:layout_height="wrap_content"  
  73.                     android:src="@drawable/e"  
  74.                     android:onClick="biggerView"/>  
  75.                 <ImageView  
  76.                     android:id="@+id/image6"  
  77.                     android:layout_width="wrap_content"  
  78.                     android:layout_height="wrap_content"  
  79.                     android:src="@drawable/f"  
  80.                     android:onClick="biggerView"/>  
  81.                 <ImageView  
  82.                     android:id="@+id/image7"  
  83.                     android:layout_width="wrap_content"  
  84.                     android:layout_height="wrap_content"  
  85.                     android:src="@drawable/g"  
  86.                     android:onClick="biggerView"/>  
  87.             </LinearLayout>  
  88.         </verticalScrollView>  
  89.     </RelativeLayout>  
  90. </RelativeLayout>   
Step 9
 
Go to Main Activity.java. This Java program is the backend language for Android.
 
Android App
 
The java code is given below
  1. package abu.image;  
  2. import android.os.Bundle;  
  3. import android.app.Activity;  
  4. import android.util.Log;  
  5. import android.view.Menu;  
  6. import android.view.View;  
  7. import android.widget.ImageView;  
  8. public class MainActivity extends Activity {  
  9.     ImageView im;  
  10.     @Override  
  11.     protected void onCreate(Bundle savedInstanceState) {  
  12.         super.onCreate(savedInstanceState);  
  13.         setContentView(R.layout.activity_main);  
  14.     }  
  15.     public void biggerView(View v) {  
  16.         im = (ImageView) findViewById(R.id.selected);  
  17.         switch (v.getId()) {  
  18.             case R.id.image1:  
  19.                 im.setImageResource(R.drawable.a);  
  20.                 break;  
  21.             case R.id.image2:  
  22.                 im.setImageResource(R.drawable.b);  
  23.                 break;  
  24.             case R.id.image3:  
  25.                 im.setImageResource(R.drawable.c);  
  26.                 break;  
  27.             case R.id.image4:  
  28.                 im.setImageResource(R.drawable.d);  
  29.                 break;  
  30.             case R.id.image5:  
  31.                 im.setImageResource(R.drawable.e);  
  32.                 break;  
  33.             case R.id.image6:  
  34.                 im.setImageResource(R.drawable.f);  
  35.                 break;  
  36.             case R.id.image7:  
  37.                 im.setImageResource(R.drawable.g);  
  38.                 break;  
  39.             case R.id.image8:  
  40.                 im.setImageResource(R.drawable.aa);  
  41.                 break;  
  42.         }  
  43.     }  
  44.     @Override  
  45.     public boolean onCreateOptionsMenu(Menu menu) {  
  46.         // Inflate the menu; this adds items to the action bar if it is present.  
  47.         getMenuInflater().inflate(R.menu.main, menu);  
  48.         return true;  
  49.     }  
  50. }  
Step 10
 
Now, go to the menu bar and click "Make a project" or press ctrl+f9 to debug the errors.
 
Android App
 
Step 11
 
Then, click the "Run" button or press shift+f10 to run the project. And choose the virtual machine and click OK.
 
Android App
 

Conclusion

 
We have successfully created a Gallery Android application using Android Studio.
 
Android App
 
Android App
 


Similar Articles