Portal Android - Comunidade de Desenvolvedores Android
http://www.portalandroid.org/comunidade/

Tela de cadastro - Material Design
http://www.portalandroid.org/comunidade/viewtopic.php?f=44&t=30068
Página 1 de 1

Autor:  danieldecesaro [ 26 Mar 2016, 15:25 ]
Assunto do Tópico:  Tela de cadastro - Material Design

Pessoal,

Como devem ficar as telas de cadastro seguindo o MD? Preciso saber principalmente como ficam os botões de salvar e cancelar e também como devem ficar os TextViews, se é que devem existir.

Fiz o seguinte layout, gostaria de uma ideia de vocês se isso está OK:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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="br.com.nucleoapps.flybook.fragments.CadVooFragment"
    android:layout_margin="@dimen/activity_horizontal_margin">


    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_marginBottom="64dp"
        android:orientation="vertical">



        <EditText
            android:id="@+id/edtDescricaoVoo"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:hint="@string/descricao_voo" />


        <EditText
            android:id="@+id/edtDataVoo"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:hint="@string/data_voo" />


        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:baselineAligned="false">


                <EditText
                    android:id="@+id/edtHoraInicioVoo"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:hint="@string/hora_inicio_voo"
                    android:layout_marginRight="4dp"
                    android:layout_marginEnd="4dp"
                    android:gravity="center"/>


                <EditText
                    android:id="@+id/edtHoraFimVoo"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:hint="@string/hora_fim_voo"
                    android:layout_marginLeft="4dp"
                    android:layout_marginStart="4dp"
                    android:gravity="center"/>


        </LinearLayout>

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/valalie_voo"
                android:textColor="@color/colorPrimary"
                android:paddingTop="10dp"
                android:layout_marginEnd="@dimen/activity_horizontal_margin"
                android:layout_marginRight="@dimen/activity_horizontal_margin"
                android:gravity="center"/>



            <RatingBar
                android:id="@+id/rbRatingVoo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:rating="0"
                android:stepSize="1"
                android:numStars="5"
                android:theme="@style/RatingBar"
                style="@style/RatingBar"/>




        </LinearLayout>

        <Button
            android:id="@+id/btnInfoAdic"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="@dimen/activity_horizontal_margin"
            android:text="INFORMAÇÕES ADICIONAIS"
            android:layout_gravity="center"
            android:backgroundTint="@color/colorPrimaryDark"
            android:textColor="@color/colorText" />


        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/sel_equipamento"
            android:textColor="@color/colorPrimary" />



        <include layout="@layout/content_list_voo" />

    </LinearLayout>

    <View
        android:id="@+id/horizontal_divider_login"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_above="@+id/botton_bar"
        android:background="@color/colorDivider"/>


    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/botton_bar"
        style="?android:buttonBarStyle"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:gravity="end"
        android:orientation="horizontal"
        android:paddingTop="8dp"
        android:paddingLeft="16dp"
        android:paddingRight="16dp">


        <Button
            android:id="@+id/btnSalvar"
            style="?android:attr/borderlessButtonStyle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="8dp"
            android:layout_marginEnd="8dp"
            android:onClick="onSave"
            android:text="@string/salvar" />


        <Button
            android:id="@+id/btnCancelar"
            style="?android:attr/borderlessButtonStyle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onCancel"
            android:text="@string/cancelar" />

    </LinearLayout>

</RelativeLayout>

Autor:  FabricioPP [ 29 Abr 2016, 11:54 ]
Assunto do Tópico:  Re: Tela de cadastro - Material Design

Usa TextInputLayout ao inves de editText e TextView, um exemplo ai.

<android.support.design.widget.TextInputLayout
android:id="@+id/lytEmail"
android:layout_width="match_parent"
android:layout_height="wrap_content">

<EditText
android:id="@+id/edtEmail"
android:hint="E-mail: "
android:inputType="text"
android:singleLine="true"
android:layout_width="match_parent"
android:layout_height="wrap_content" />

</android.support.design.widget.TextInputLayout>

Página 1 de 1 Todos os Horários estão como UTC - 2 horas [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/