如何正確設計登錄屏幕？

我是android開發新手，我開發了一個應用程序，在該應用程序中將通過firebase（使用Google，Facebook，Twitter，gitHub和匿名登錄）登錄。但我不知道如何通過登錄screesn爲我的應用程序正確設計邏輯和體系結構。現在如何正確設計登錄屏幕？

，我創建auth_activity.xml其中：

<LinearLayout 
    android:id="@+id/btn_group_social" 
    android:layout_width="match_parent" 
    android:layout_height="40dp" 
    android:layout_centerInParent="true" 
    android:gravity="center_horizontal" 
    android:orientation="horizontal" 
    android:layout_margin="15dp" 
    android:layout_above="@+id/mail_pass"> 

    <ImageButton 
     android:id="@+id/btn_google" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:src="@drawable/ic_google_256dp" 
     android:scaleType="centerInside" 
     android:background="@null"/> 

    <ImageButton 
     android:id="@+id/btn_facebook" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:src="@drawable/ic_facebook_256dp" 
     android:scaleType="centerInside" 
     android:background="@null"/> 

    <ImageButton 
     android:id="@+id/btn_twitter" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:src="@drawable/ic_twitter_256dp" 
     android:scaleType="centerInside" 
     android:background="@null"/> 


    <ImageButton 
     android:id="@+id/btn_gitHub" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:src="@drawable/ic_git_hub_256dp" 
     android:scaleType="centerInside" 
     android:background="@null"/> 

</LinearLayout> 



<LinearLayout 
    android:id="@+id/mail_pass" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerInParent="true" 
    android:gravity="center_horizontal" 
    android:orientation="vertical" 
    android:paddingTop="50dp"> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:gravity="center" 
     android:textSize="25dp" 
     android:paddingBottom="15dp" 
     android:text="or"/> 

<EditText 
    android:id="@+id/editText" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:ems="10" 
    android:inputType="textEmailAddress" 
    android:hint="@string/email"/> 

<EditText 
    android:id="@+id/editText2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:ems="10" 
    android:inputType="textPassword" 
    android:hint="@string/password"/> 

    <Button 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:id="@+id/btn_access" 
     android:text="@string/access"/> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="@string/forgot_your_password" 
     android:textColor="@color/bg_screen1" 
     android:paddingTop="15dp"/> 

</LinearLayout> 

<Button 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Skip" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentRight="true" 
    android:background="?android:selectableItemBackground" 
    android:layout_margin="5dp"/>

而且，我試圖創造一個我實現了谷歌簽署一項活動，但我不認爲這將是真正的創造一個活動的所有方式登錄（谷歌，臉譜等）。我不太瞭解如何正確組織它。

也許你有一個完成的項目，其中有一個登錄。

謝謝。

來源

2017-04-05 Bogdan Martynov

Android studio有默認的活動，稱爲登錄活動。你可以嘗試添加它，看看它是否有效。它會自動創建佈局文件和一些邏輯。 –

如果您是Android新手，我真的不認爲任何人都會爲您提供實施的項目。你不會學習。我會先看看更多功能的完成情況，然後根據您的設計進行設計，查看[this]（https://sourcey.com/beautiful-android-login-and-signup-screens- with-material-design /）和[this]（http://graphicdesignjunction.com/2014/03/sign-in-login-app-ui-designs/）。但建議的一句話，您需要更全面的佈局/小部件屬性知識來創建自定義佈局。我不希望開箱即用的代碼適用於您的使用案例 –

就像@HonorLT提到的那樣，只需進入項目中的應用程序文件夾，左鍵單擊，新建 - >活動 - >登錄活動 –

正如在評論中提到，你可以添加一個活動像下面

來源

2017-04-05 11:41:25 AwaisMajeed

https://sourcey.com/beautiful-android-login-and-signup-screens-with-material-design/

這可能幫助你！

爲了使一切正常工作，我們需要添加一些依賴到您的應用程序目錄中的build.gradle文件。 ButterKnife是可選的，但我們喜歡用它來清理我們的Java代碼。

dependencies { 
    compile fileTree(dir: 'libs', include: ['*.jar']) 
    compile 'com.android.support:appcompat-v7:22.2.0' 
    compile 'com.android.support:design:22.2.0' 
    compile 'com.jakewharton:butterknife:6.1.0' 
}

來源

2017-04-05 11:49:26

如何正確設計登錄屏幕？

回答

相關問題