Android studio linear layout design

Ankit Rawat May 09, 2021

create this design in android studio (android App)

linear layout in android studio

stylefile

 
 
  <resources>

    <!-- Base application theme. -->

    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">

        <!-- Customize your theme here. -->

        <item name="colorPrimary">@color/colorPrimary</item>

        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>

        <item name="colorAccent">@color/colorAccent</item>

    </style>



   <style name="customTheme">

       <item name="android:textSize">30dp</item>

       <item name="android:paddingTop">30dp</item>

       <item name="android:paddingLeft">20dp</item>

       <item name="android:textColor">#DADADD</item>

       <item name="android:paddingBottom">20dp</item>

       <item name="android:layout_height"> 100dp </item>

       <item name="android:layout_width"> match_parent </item>





   </style>

</resources>

xml file

 
  
 
<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    tools:context=".MainActivity">



    <TextView

        android:id="@+id/numberTextView"

        style="@style/customTheme"

        android:background="#EC920D"

        android:text="numbers" />



    <TextView

        android:id="@+id/FamilyTextView"

        style="@style/customTheme"

        android:background="#0A570D"

        android:text="Family Member" />



    <TextView

        android:id="@+id/ColorsTextView"

        style="@style/customTheme"

        android:background="#6E0980"

        android:text="Colors" />



    <TextView

        android:id="@+id/PhrasesTextView"

        style="@style/customTheme"

        android:background="#2BB1ED"

        android:text="Phrases" />



</LinearLayout>

OUTPUT