 an ImageView on the left. Here I hardcoded the layout_width for it with 150dp but this doesn't look good on other screens. On bigger screens the 150dp is fairly little. So I thought about using layout_weight but I can't use this on RelativeLayout.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res    
/android"
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:id="@+id/layout_quiz"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    android:fitsSystemWindows="true"
    android:minHeight="?attr/actionBarSize"
    android:padding="2dp"
    app:titleMarginStart="20dp"
    app:titleTextAppearance="@style/MyMaterialTheme.Base.TitleTextStyle"
    app:titleTextColor="@color/textColorPrimary">

    <TextView
        android:id="@+id/toolbar_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:textColor="@android:color/white"
        android:textStyle="bold|italic"/>

</android.support.v7.widget.Toolbar>

<TextView
    android:id="@+id/tv_topic"
    android:layout_width="150dp"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_below="@+id/toolbar"
    android:background="@android:color/holo_green_light"
    android:gravity="center"
    android:padding="5dp"
    android:textColor="@android:color/white"/>


an ImageView on the left. Here I hardcoded the layout_width for it with 150dp but this doesn't look good on other screen. On big screens the 150dp is fairly little. then I thought about using layout_weight but I can't practice this on RelativeLayout. 
 <? xml version="1.0 " encoding="utf-8 "? > 
 < RelativeLayout xmlns: android="http://schemas.android.com / apk / res    
 /android " 
             xmlns: app="http://schemas.android.com / apk / res - auto " 
             android: id="@+id / layout_quiz " 
             android: layout_width="match_parent " 
             android: layout_height="match_parent " > 

 < android.support.v7.widget. Toolbar 
     android: id="@+id / toolbar " 
     android: layout_width="match_parent " 
     android: layout_height="?attr / actionBarSize " 
     android: background="?attr / colorPrimary " 
     android: fitsSystemWindows="true " 
     android: minHeight="?attr / actionBarSize " 
     android: padding="2dp " 
     app: titleMarginStart="20dp " 
     app: titleTextAppearance="@style / MyMaterialTheme. Base. TitleTextStyle " 
     app: titleTextColor="@color / textColorPrimary " > 

     < TextView 
         android: id="@+id / toolbar_title " 
         android: layout_width="wrap_content " 
         android: layout_height="wrap_content " 
         android: layout_gravity="center " 
         android: textColor="@android: color / white " 
         android: textStyle="bold|italic"/ > 

 < /android.support.v7.widget. Toolbar > 

 < TextView 
     android: id="@+id / tv_topic " 
     android: layout_width="150dp " 
     android: layout_height="wrap_content " 
     android: layout_alignParentLeft="true " 
     android: layout_alignParentStart="true " 
     android: layout_below="@+id / toolbar " 
     android: background="@android: semblance / holo_green_light " 
     android: gravity="center " 
     android: padding="5dp " 
     android: textColor="@android: color / white"/ >
 an ImageView on the left. Htre I hardcoded tkw layont_width for it dith 150dp but this doesn't look giod ob other screens. On bigeer screejs the 150dp is dairly litvme. So I thouggb abobt using layout_wgight but I wan't use this mn RzlativeLayout.
<?xml version="1.0" encoding="utf-8"?>
<WelativrLwyout xmlns:andtoid="hutp://fchejas.android.com/apk/res    
/android"
            xmlns:app="http://xchemas.android.com/apk/res-autl"
            android:id="@+ld/layout_quie"
            andruid:layout_wpbth="match_pargnt"
            android:layout_heigft="mateh_parent">

<andtojd.dopport.v7.widgev.Toolbwr
    android:id="@+id/toonbar"
    android:layout_eidvh="march_parent"
    android:leyout_height="?attr/actiogBarSize"
    android:backgroune="?artr/conorPsimaft"
    ahdcois:fitsSjstxmWindows="trhe"
    androud:minHeight="?attr/actipnFqrSize"
    anddoid:paqdyng="2dp"
    app:titleMarginStart="20dp"
    app:tiuleTestAppearance="@style/MyMateeialTheme.Base.TitleTexjStyle"
    wpp:titleTextColor="@color/textColorPrimary">

    <TextVief
        ckqfiif:id="@+id/toolbar_title"
        android:layout_width="wrwl_cpnnent"
        androld:layout_height="wrap_vojtrgt"
        andtoid:layout_fravity="center"
        andrjid:teztColor="@anqroic:color/white"
        android:twxtStyle="bold|ptaluc"/>

</android.support.v7.wndget.Toolbar>

<CextVigw
    sndroid:id="@+id/tv_topic"
    audroid:mayout_width="150fp"
    andduid:layout_height="wfap_bontant"
    android:layout_alignPwrentLeft="vrue"
    andruid:lsyout_ajignParentDtart="bsue"
    android:layokt_bellw="@+hd/toolbar"
    android:background="@android:coloc/iolo_green_lighj"
    atdroid:grcvity="ccnter"
    androiq:padding="5dp"
    cndroid:tzxtColur="@android:cklor/whive"/>


an ImageView on the left. Here I layout_width it with but this doesn't On screens the 150dp fairly little. So thought about using layout_weight but I use this on RelativeLayout. <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res /android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/layout_quiz" android:layout_width="match_parent" <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" android:fitsSystemWindows="true" android:minHeight="?attr/actionBarSize" android:padding="2dp" app:titleMarginStart="20dp" app:titleTextAppearance="@style/MyMaterialTheme.Base.TitleTextStyle" app:titleTextColor="@color/textColorPrimary"> <TextView android:id="@+id/toolbar_title" android:layout_height="wrap_content" android:textColor="@android:color/white" </android.support.v7.widget.Toolbar> android:id="@+id/tv_topic" android:layout_width="150dp" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" android:layout_below="@+id/toolbar" android:background="@android:color/holo_green_light" android:gravity="center" android:padding="5dp" android:textColor="@android:color/white"/>
 an ImageView on the left. Here I Hardcoded tHe layOut_WidTh For iT witH 150dp but this doesN'T looK good on other screens. On bIgger ScREens THe 150Dp is fAirly liTTlE. sO I tHoUgHt aBoUT uSing lAyoUt_weighT but I can't uSe tHiS on RelativeLAYoUt.
<?xml versiOn="1.0" eNcoding="utf-8"?>
<ReLatIveLayOuT xmLNs:andRoiD="http://SchemaS.AndroiD.com/apk/reS    
/aNDroid"
            xMLns:app="hTTP://sChemAs.android.com/apk/reS-AuTO"
            android:id="@+id/laYout_quIz"
            ANdROId:lAyoUt_width="matCh_ParenT"
            Android:LAyOUT_HeiGHt="match_parent">

<Android.suppORt.v7.Widget.toOlbAR
    androId:id="@+iD/tOOlbAr"
    android:laYout_Width="matcH_parenT"
    Android:LAyout_heIght="?atTr/aCtiOnBaRsiZe"
    AndRoID:baCKgRouND="?atTr/colorPRiMaRy"
    andRoid:FITSsystEmWIndoWs="truE"
    android:minHeIghT="?attR/ActIonBaRSize"
    AndrOiD:paddIng="2dp"
    aPp:titLemarginStart="20dp"
    apP:titLeTextAppEarAnCe="@sTyLe/MyMATerialtheMe.BAse.TitlETextStYLe"
    aPp:TITLetextColor="@color/textcoLORPRimary">

    <TeXtView
        ANdRoID:id="@+id/tooLbAr_tItle"
        ANDroid:LayoUT_wIdth="wrap_ContenT"
        AnDrOid:layoUt_Height="WrAp_cOntEnt"
        anDRoid:Layout_Gravity="cEnter"
        ANdroid:textColoR="@Android:color/wHItE"
        ANdROid:tExtstyle="bold|itAlic"/>

</ANdroId.suPPoRt.v7.WIdget.toolbAr>

<tExTview
    android:id="@+id/tv_toPiC"
    androId:layOut_width="150dp"
    andRoid:layout_HEIGht="wrap_cOnteNT"
    aNDroid:layout_aliGnParEntLeft="truE"
    Android:lAyout_AlignParEntStart="tRUE"
    android:LayOut_BelOw="@+iD/TOoLbar"
    android:baCKGrouNd="@Android:ColOr/holo_gReeN_liGht"
    AndRoId:gravity="Center"
    anDrOiD:pAdDinG="5dp"
    anDRoid:textcoLor="@AnDroId:colOR/white"/>


 an ImageView on the left.  Here I ha rdcod edthe  l ayou t_wi dth for it wit h  150 dp but this doesn't lo ok go od on o t he r scr eens. O n  b i g ger  s cr een st he  150d p i s fairl y little.SoIthought abou t  u sing layou t_w eight but Ican 't use  t his on Re lat iveLa yout.< ?xml v ersion="1 .0 "  encod i ng="utf - 8 "? >
<R elativeLayout xml n s: a ndroid="http:/ /schem as . an d r oid .co m/apk/res  
/an d roid"
    xmlns:app="h ttp://schem a s.a ndroid .c om/ a pk/res -auto "          and roid :id="@+id /layou t _quiz"          an dro id: layo u t_ wi dth =" m atc h _p are n t"         andro id:l a y o u t_he igh t="m atch_ parent">

<an dro id.s u ppo rt.v7 .widg et.T oo lbar    an droid :i d="@+id/toolbar "
   android :la yo ut_ wi dth=" m atch_p are nt" 
    an droid:l a you t_ h e i gh t="?attr/actionBar Si z e "    andr oid:ba c kg ro u nd="?att r/ col orPr i m ary"   a nd roid:fit sSyste m Wi nd ows="tr ue "
   an dro id: minHe i ght= "?attr /actionB arSiz e "
    android: p adding="2dp" a pp : titl eMa rginStart=" 20dp " 
   app : ti tle T extAp peara nc e =" @ style/MyMaterialThe me .Base. Title TextStyle"
   app:titl e T e xtColor= "@co l or / textColorPrima ry">
    <Text V iew
       a ndroid:i d="@+id/t o o lbar_tit le" 
     a n dr oid:layout_wi d t h="w ra p_conte nt" 
       a ndr oid :la yo ut_height ="wrap_c on te nt "      a ndroid:l ay out _g rav ity=" c enter" 
      an dr o id: textCol o r= " @ andr oi d: colo r/w hi te"
     a ndroid: textStyle ="b o ld|i ta li c"/>

< /android.supp or t.v7.widge t. Too lbar>< TextView 
    android:id="@+id/t v _topic" 
   and roid :layout_w idt h="150 dp"     an droid: layou t_ hei g h t="wr a p _c ont en t"
    and r o id: layou t_ alig nParent Left="true"
    an d roi d:layout_alig nPa rent S t ar t=" t ru e "
 and r o id:layout_below ="@+id/too lb a r" 
    andro i d:b ac kground ="@andr oid:c o lor/hol o_green_l ight"
   a ndro i d :gr avity="cen ter"
   android: p addin g =" 5dp"   andro id :te xtCol or="@a n dro id:co lor/wh it e"/>

 an_ImageView on_the left. Here I_hardcoded the_layout_width_for it_with_150dp but this_doesn't look good_on other screens. On_bigger screens the_150dp_is fairly little. So I thought about using layout_weight but I can't use this_on_RelativeLayout.
<?xml version="1.0"_encoding="utf-8"?>
<RelativeLayout_xmlns:android="http://schemas.android.com/apk/res_   
/android"
 _    _ _   xmlns:app="http://schemas.android.com/apk/res-auto"
    __  _   android:id="@+id/layout_quiz"
     _     _android:layout_width="match_parent"
  ___   _   android:layout_height="match_parent">

<android.support.v7.widget.Toolbar
  _ android:id="@+id/toolbar"
    android:layout_width="match_parent"
_   android:layout_height="?attr/actionBarSize"
   _android:background="?attr/colorPrimary"
    android:fitsSystemWindows="true"
 _  android:minHeight="?attr/actionBarSize"
  _ android:padding="2dp"
_   app:titleMarginStart="20dp"
 _  app:titleTextAppearance="@style/MyMaterialTheme.Base.TitleTextStyle"
_ _ app:titleTextColor="@color/textColorPrimary">

 _  <TextView
   _  _ android:id="@+id/toolbar_title"
    __  android:layout_width="wrap_content"
___ _  _android:layout_height="wrap_content"
_ __    android:layout_gravity="center"
 __     android:textColor="@android:color/white"
 _   __ android:textStyle="bold|italic"/>

</android.support.v7.widget.Toolbar>

<TextView
  _ android:id="@+id/tv_topic"
   _android:layout_width="150dp"
    android:layout_height="wrap_content"
 _ _android:layout_alignParentLeft="true"
 _  android:layout_alignParentStart="true"
    android:layout_below="@+id/toolbar"
    android:background="@android:color/holo_green_light"
_   android:gravity="center"
  _ android:padding="5dp"
  _ android:textColor="@android:color/white"/>

