Autore Topic: Schermata Login  (Letto 469 volte)

Offline Klizard

  • Utente junior
  • **
  • Post: 62
  • Respect: 0
    • Mostra profilo
Schermata Login
« il: 23 Novembre 2015, 11:26:28 CET »
0
Ciao a tutti,
apro questo topic perché ho delle difficoltà nella creazione di una schermata di login personalizzata.
Non capisco come disegnare e visualizzare (in modo compatibile con diverse risoluzioni) la schermata di login.
Per farvi capire meglio, cerco di fare qualcosa di questo tipo:


E' "fattibile" ? Da dove dovrei iniziare?

Grazie in anticipo a chiunque voglia aiutarmi :)

Offline NetGEL

  • Utente normale
  • ***
  • Post: 196
  • Respect: +9
    • Google+
    • Mostra profilo
  • Play Store ID:
    NetGEL
Re:Schermata Login
« Risposta #1 il: 23 Novembre 2015, 14:18:33 CET »
0
Ciao,
puoi partire con un linearlayout vertical e iniziare ad inserire i vari componenti del layout.

Offline Klizard

  • Utente junior
  • **
  • Post: 62
  • Respect: 0
    • Mostra profilo
Re:Schermata Login
« Risposta #2 il: 23 Novembre 2015, 15:34:33 CET »
0
Ciao,
puoi partire con un linearlayout vertical e iniziare ad inserire i vari componenti del layout.
Sisi fin qui ci sono..non capisco come incorniciare le textview ed edittext, fare lo sfondo della finestrella di login insomma..
Grazie!

Offline NetGEL

  • Utente normale
  • ***
  • Post: 196
  • Respect: +9
    • Google+
    • Mostra profilo
  • Play Store ID:
    NetGEL
Re:Schermata Login
« Risposta #3 il: 23 Novembre 2015, 16:19:01 CET »
0
Puoi dare un background color al linearLayout (per esempio blu chiaro) e un backgrund color alla textview e alla editview (per esempio blu scuro). In questo modo hai l'effetto del tuo esempio

Offline Klizard

  • Utente junior
  • **
  • Post: 62
  • Respect: 0
    • Mostra profilo
Re:Schermata Login
« Risposta #4 il: 23 Novembre 2015, 16:28:17 CET »
0
Puoi dare un background color al linearLayout (per esempio blu chiaro) e un backgrund color alla textview e alla editview (per esempio blu scuro). In questo modo hai l'effetto del tuo esempio
Si e no..cioè avrei delle cornici "precise" ed invece vorrei un risultato simile a quello dell'immagine dove una griglia contiene tutto..

Offline NetGEL

  • Utente normale
  • ***
  • Post: 196
  • Respect: +9
    • Google+
    • Mostra profilo
  • Play Store ID:
    NetGEL
Re:Schermata Login
« Risposta #5 il: 23 Novembre 2015, 16:31:15 CET »
0
Scusami ma non ho capito bene allora. Tu avresti un linearLayout che contiene tutti gli altri elementi e avresti delle cornici precise come nell'immagine.

Offline Klizard

  • Utente junior
  • **
  • Post: 62
  • Respect: 0
    • Mostra profilo
Re:Schermata Login
« Risposta #6 il: 23 Novembre 2015, 16:49:28 CET »
0
Semplicemente partendo da zero vorrei capire come creare una schermata di login come quella (in cui c'è una finestra rettangolare e varie "cornici" che contengono le varie parti).

Offline NetGEL

  • Utente normale
  • ***
  • Post: 196
  • Respect: +9
    • Google+
    • Mostra profilo
  • Play Store ID:
    NetGEL
Re:Schermata Login
« Risposta #7 il: 23 Novembre 2015, 17:08:23 CET »
0
Sì un modo è quello che ti dicevo prima partendo da un linearlayout. Un secondo modo è usando un tableLayout con delle tableRow al suo interno.
Stasera se vuoi ti posso dare una mano più nel dettaglio magari postandoti l'xml.
« Ultima modifica: 23 Novembre 2015, 17:10:47 CET da NetGEL »

Offline Klizard

  • Utente junior
  • **
  • Post: 62
  • Respect: 0
    • Mostra profilo
Re:Schermata Login
« Risposta #8 il: 23 Novembre 2015, 17:19:32 CET »
0
Sì un modo è quello che ti dicevo prima partendo da un linearlayout. Un secondo modo è usando un tableLayout con delle tableRow al suo interno.
Stasera se vuoi ti posso dare una mano più nel dettaglio magari postandoti l'xml.
Si se potessi farmi un esempio concreto te ne sarei grato. Non so proprio da dove partire per fare un layout come quello in modo decente :O

Offline NetGEL

  • Utente normale
  • ***
  • Post: 196
  • Respect: +9
    • Google+
    • Mostra profilo
  • Play Store ID:
    NetGEL
Re:Schermata Login
« Risposta #9 il: 23 Novembre 2015, 17:58:08 CET »
+1
Appena posso stasera ti mando un esempio

Post unito: 23 Novembre 2015, 19:58:22 CET
Ecco ho buttato giù velocemente un modo per fare quello che chiedevi. Guarda se ti può andare bene.

Codice (XML): [Seleziona]
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
   android:layout_height="match_parent"
   tools:context=".MainActivity"
   android:orientation="vertical"
   android:background="#ff1c2b4a">

    <TextView android:text="Sign In" android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:gravity="center_vertical|center_horizontal"
       android:textColor="#ffffffff"
       android:textSize="30dp"
       android:textStyle="bold"
       android:paddingTop="10dp"
       android:paddingBottom="10dp"
       android:background="#ff17233b" />

    <LinearLayout
       android:orientation="horizontal"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:layout_marginTop="20dp"
       android:layout_marginRight="15dp"
       android:layout_marginLeft="15dp"
       android:background="#ff12192c">

        <ImageView
           android:layout_width="30dp"
           android:layout_height="30dp"
           android:id="@+id/imageView" />

        <EditText
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:id="@+id/editText"
           android:text="User Name Or Mail"
           android:textColor="#ff759b9e"
           android:background="#ff12192c"
           android:gravity="center_vertical"
           android:paddingTop="10dp"
           android:paddingBottom="10dp" />
    </LinearLayout>

    <LinearLayout
       android:orientation="horizontal"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:layout_marginTop="20dp"
       android:layout_marginRight="15dp"
       android:layout_marginLeft="15dp"
       android:background="#ff12192c" >

        <ImageView
           android:layout_width="30dp"
           android:layout_height="30dp"
           android:id="@+id/imageView2" />

        <EditText
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:id="@+id/editText2"
           android:text="User Password"
           android:textColor="#ff759b9e"
           android:background="#ff12192c"
           android:gravity="center_vertical"
           android:paddingTop="10dp"
           android:paddingBottom="10dp" />
    </LinearLayout>

    <Button
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:text="Login"
       android:id="@+id/button"
       android:layout_marginLeft="15dp"
       android:layout_marginRight="15dp"
       android:layout_marginTop="20dp"
       android:textColor="#ffffffff"
       android:background="#ff00cc66"
       android:textSize="20dp" />

</LinearLayout>
« Ultima modifica: 23 Novembre 2015, 19:58:22 CET da NetGEL, Reason: Merged DoublePost »

Offline Klizard

  • Utente junior
  • **
  • Post: 62
  • Respect: 0
    • Mostra profilo
Re:Schermata Login
« Risposta #10 il: 23 Novembre 2015, 20:28:04 CET »
0
Perfetto! Proprio quel che cercavo..
Ho capito solo adesso cosa intendevi e in effetti l'idea di dar lo sfrondo ai singoli Layout è la soluzione giusta!
Grazie mille!

Offline NetGEL

  • Utente normale
  • ***
  • Post: 196
  • Respect: +9
    • Google+
    • Mostra profilo
  • Play Store ID:
    NetGEL
Re:Schermata Login
« Risposta #11 il: 23 Novembre 2015, 20:34:18 CET »
0
Bene  :-) Figurati