Algo and Math

Android Studio: ToolBar nella nostra Applicazione

Il miglior modo per creare una ToolBar, forse o sicuramente ce ne sono altri.

che può essere vista anche in questo modo:

primo passo da fare!

<include
android:id="@+id/toolbar"
/>

quindi, ci troveremo con:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
tools:context=".MainActivity">

<include
android:id="@+id/toolbar"
/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

a mio parere è meglio creare un Layout, per realizzare la Toolbar

L'altro step è creare un Layout Resource File;

andare sul layout, tasto destro, nuovo: Layout Resource File

Layout

fine procedimento

il nostro ToolBar Layout è questo:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">

</LinearLayout>

finalmente realizziamo la nostra TOOLBAR:

<?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
android:background="#673AB7"

app:subtitle="123456789"
app:title="ToolBar"
app:titleMarginStart="40dp" />

Finalmente realizzata

ma non è proprio quello che Volevo. Volevo la Mia ToolBar

manca un passaggio!

Andiamo in Res / Values / styles.xml

e cambiamo questo:

<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>

</resources>

lo trasformiamo in:

<resources>

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>

</resources>

cosa ho cambiato?

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

l'ho cambiato in:

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

ToolBar completata

/files_android/il_mio_modulo.7z

 

 

 

 

 

Exit mobile version