It is a simple gallery application. The design of the main screen of the gallery application has been requested to be similar to the given design.
Given Design:
I tried to make the gallery application as desired. The application consists of 3 pages. The main page with the albums, the page with the photos when clicking on the albums, and the page when clicking the photos.
The Galery App application is a simple application. When the application is first opened, the home page appears. There are several albums on the homepage. There is a toolbar option in the upper right corner. When one of the albums is clicked, the page with the photos of that album opens. On this page, there are a few photos. Clicking on any of the photos opens the selected photo.
The layouts & views used in the application:
- Linear Layout
- Grid Layout
- Scroll View
- Image View
- Text View
- Grid View
- Toolbar
Used when implementing the application:
- AdapterView, adapter (listing image)
- Intent, getIntent (open a new activity, get text & image)
- onClickListener
- setOnMenuItemClickListener
- onCreateOptionsMenu
The first 3 images below are on the main page. Pictures 1 and 2 show the albums on the homepage. In the third picture, the toolbar is shown. The 4th picture below is the page showing the pictures after the album is selected. Pictures 5 and 6 are the page shown after any photo is selected.
Main page Main Page Main Page Menu Bar
Selected album page Selected Photo Page Selected Photo Page
Hint! While I was making the application, I did not fork from any of the github repos. Because, since the new version of the android studio application has been released (AndroidX), it gets a lot of errors while running low version applications.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent