Skip to content

Eisyatin/Android-Screen-Layout

Repository files navigation

Android Screen Layout

This repository contains my beginner exercises using Android Studio, where I learned to create various layouts (list and grid), set background layouts, and add buttons. These exercises helped me understand the basics of UI design in Android development.

Lab Exercises

Lab 2: Background, Change Button, and Adding Icon

  1. Create the Background: Set up a background image for the app.
  2. Create Button and Icon: Add a button and an icon to the interface.
  3. Button Click Action: When the button is clicked, the interface transitions to the “Main Activity” screen.

Background Layout

Lab 2a: List Layout

  1. Create List of Month Names: Implement a scrollable list displaying the names of the months.

List Layout

Lab 2b: Grid Layout

  1. Grid Layout Interface: Design a grid layout interface.
  2. Full-Screen Icon View: When an icon is clicked, it displays in full screen with a notification saying “Full view image.”

Grid Layout

Exercise

  1. Title Bar: Display a title bar at the top of the screen.
  2. Background Image: Set a background image for the app.
  3. List of Food Items: Create a list displaying various food items.
  4. Icon Click Notification: When a food item icon is clicked, a notification appears showing the icon's position.
  5. Full-Screen Icon View: The icon displays in full screen upon clicking.

Food List

How to Run the Project

  1. Clone this repository to your local machine using git clone https://github.com/Eisyatin/Android-Screen-Layout.
  2. Open the project in Android Studio.
  3. Build and run the project on an emulator or a physical device.

Project Structure

  • MainActivity.java: Main activity file handling the primary interface.
  • activity_main.xml: XML layout file for the main interface.
  • ListActivity.java: Activity handling the list layout.
  • activity_list.xml: XML layout file for the list interface.
  • GridActivity.java: Activity handling the grid layout.
  • activity_grid.xml: XML layout file for the grid interface.

Contributing

Feel free to fork this project, submit pull requests, or report issues. Contributions are welcome!

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any questions or inquiries, please reach out to me at eisyatin@example.com.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages