首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何正确地设计登录屏幕?

如何正确地设计登录屏幕?
EN

Stack Overflow用户
提问于 2017-04-05 19:32:07
回答 2查看 647关注 0票数 0

我是一个新的安卓开发,我开发了一个应用程序,其中将登录在firebase的帮助下(登录谷歌,脸书,推特,gitHub和匿名)。但是我不知道如何通过为我的应用程序登录screesn来正确地设计逻辑和架构。

现在,我创建了auth_activity.xml,其中:

代码语言:javascript
复制
    <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"/>

此外,我试图创建一个活动,在其中我实现了google登录,但我不认为在一个活动中创建所有的登录方式(google,facebook等)是真实的。我不太明白如何恰当地组织它。

你可能有一个完整的项目,其中有一个登录名。

谢谢。

EN

回答 2

Stack Overflow用户

发布于 2017-04-05 19:41:25

正如评论中提到的,您可以添加如下所示的活动

票数 0
EN

Stack Overflow用户

发布于 2017-04-05 19:49:27

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

这可能会对你有帮助!

为了使一切正常工作,我们需要向应用程序目录中的build.gradle文件添加几个依赖项。ButterKnife是可选的,但我们喜欢用它来清理一下我们的Java代码。

代码语言:javascript
复制
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'
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43229970

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档