Android Apps

 

GridLayout Item Click Demo App

     
 
Android App Details:
Company: Digital Mirko
Version: 1.0
Category: Demo
Language: English
Device: Compatible with Android Mobile
Requires Android 8 Oreo (API level 26)
  Programming Environment: Android Studio 3.0
GridLayout Item Click Demo App icon
 
 
External Libraries used: com.android.support:cardview-v7:26.1.0
 
  About GridLayout Item Click Demo App:  
 

This simple app turns your Android phone into a GridLayout Item Click Demo App.

To use this app the user just clicks the 'GridLayout Item Click Demo' app icon and they are taken right into the app. They are greeted with a background that has a colored top with text. Then a number of options in 6 white boxes with titles under each icon. In the first part when a user clicks one of the options a Toast message pops up to say 'Clicked at index: ' then gives the number.

The second part adds a different option when an option is clicked. It will change the color from the default white to an orange colored area and then show a Toast message that pops up to say either 'State : On' (clicked, color: orange) or 'State : Off' (clicked, color: white). The demo below shows video and screen caps of the various options being implemented.

This program uses the following assorted library 'com.android.support:cardview-v7:26.1.0'.

Production App screen caps taken from App running on Nexus 5X running Android 8.0 Oreo (API Level 26).

 
     
 
GridLayout Item Click Demo App Screen Caps
         
    Video Examples    
 
Video Showing App in Use: Click, Toast Message   Video Showing App in Use: Click, Color, Toast
         
  GridLayout Item Click Demo App Screen Caps  
Android Nexus 5x device        
App Stated:
'Facebook' Btn Clicked
'Google' Btn Clicked
'LinkedIn' Btn Clicked
'Twitter' Btn Clicked
Click Btn, Toast Toast Message: Toast Message: Toast Message: Toast Message:
Message Pop's Up 'Clicked at index: 0' 'Clicked at index: 1' 'Clicked at index: 2' 'Clicked at index: 3'
Option Enabled        
         
         
'Instagram' Btn Clicked
'YouTube' Btn Clicked
App Stated:
'Facebook' Btn Clicked
'Google' Btn Clicked
Toast Message: Toast Message: Click Btn, Color Change Color Changed Color Changed
'Clicked at index: 4' 'Clicked at index: 5' Toast Message Pop's Up Toast Message: Toast Message:
    Option Enabled 'State : On' 'State : On'
         
         
'LinkedIn' Btn Clicked
'Twitter' Btn Clicked
'Instagram' Btn Clicked
'YouTube' Btn Clicked
'Google' Btn Clicked
Color Changed Color Changed Color Changed Color Changed Color Changed
Toast Message: Toast Message: Toast Message: Toast Message: Toast Message:
'State : On' 'State : On' 'State : On' 'State : On' 'State : Off'
         
'Facebook' Btn Clicked
'Twitter' Btn Clicked
'LinkedIn' Btn Clicked
'YouTube' Btn Clicked
'Instagram' Btn Clicked
Color Changed Color Changed Color Changed Color Changed Color Changed
Toast Message: Toast Message: Toast Message: Toast Message: Toast Message:
'State : Off' 'State : Off' 'State : Off' 'State : Off' 'State : Off'