In last blog(here)I talked about prerequisites ,tools and tech stack/Programming language we use for Android Development. And how XML help us in structuring and designing components and how Java/Kotlin/C++ is used for Logic
for our Android app.
In Android Development ,the first thing we need to learn is something called Views.
View is a basic building block of UI (User Interface) in android.
And using the series of views we build our Application UI
At start we will have a look over 3 basic views 👇
1.1 TextView 👇
The first and commonly used view is "TextView".
➡️ TextView is the most widely used view used to show pre-defined text on display screen.
Snippet:
1.2 Few TextView attributes👇
i . android:text
➡️ Text to display.
ii . android:textColor
➡️ Text color.
iii . android:textStyle
➡️ Style (normal, bold, italic, bold|italic) for the text.
iv . android:fontFamily
➡️ Font family for the text.
Read more about 👉 TextView
2.1 ImageView 👇
➡️ The second commonly used view is "ImageView".
ImageView are used in Android application to place an image in the view.ImageView is used to show any picture on the user interface.
Snippet:
2.2 Few ImageView attributes
i . android:src
➡️ Sets a drawable as the content for this ImageView.
ii. android:cropToPadding
➡️ If true, the image will be cropped to fit within its padding.
iii. android:tint
➡️ The tinting color for the image.
Note for ImageView 👇
Any image that we want to display in the app should be placed under the drawable folder. This folder can be found under
app → res → drawable.
To insert an image, simply copy the image and then right click on drawable → Paste.
Read more about 👉 ImageView
3.1 Button
A user interface element the user can tap or click to perform an action.
Snippet:
About the Button 👇
We use Button to trigger the method we wrote in Java/Kotlin/C++ using "android:onClick" attribute of button view.
Read more about 👉 Button
Resources
Online XML visualizer for practicing Purpose.
Top comments (0)