Сложность в создании пользовательской страницы входа в Android - PullRequest
Новая
       1

Сложность в создании пользовательской страницы входа в Android

0 голосов
/ 07 мая 2018

Привет, я создаю приложение, в котором я создаю страницу входа, и у меня также есть код для этого. Теперь моя проблема в том, что мой дизайн испорчен. Вот что я получил до сих пор My current Output а вот мой expected output Я не знаю, как мне сделать его лучше в соответствии с моим ожидаемым результатом, поэтому, пожалуйста, если кто-то может направить меня здесь .. Спасибо.

facebook icongoogle icon мой xml-код 

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:fillViewport="true"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:background="@color/colorPrimary">
<LinearLayout 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"
    android:orientation="vertical"
    tools:context="com.ct.listrtrial.activities.LoginActivity">

    <com.ct.listrtrial.Custom.CustomTextViewMedium
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Login"
        android:textColor="@color/White"
        android:textSize="35sp"
        android:layout_marginTop="50dp"
        android:layout_marginLeft="10dp"/>
    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="160dp"
        android:layout_marginTop="25dp"
        android:background="@drawable/round_corner_image"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        app:cardCornerRadius="20dp"
        >
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:background="@color/White">
            <com.ct.listrtrial.Custom.CustomEditText
                android:layout_width="match_parent"
                android:layout_height="80dp"
                android:hint="Email id"

                android:paddingLeft="10dp"
                android:drawableLeft="@drawable/message"/>
            <com.ct.listrtrial.Custom.CustomEditText
                android:layout_width="match_parent"
                android:layout_height="80dp"
                android:drawableLeft="@drawable/lock"
                android:paddingLeft="10dp"
                android:hint="Password"/>
        </LinearLayout>
    </android.support.v7.widget.CardView>
    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
    <com.ct.listrtrial.Custom.CustomTextViewMedium
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:layout_marginTop="15dp"
        android:layout_alignParentRight="true"
        android:layout_marginRight="10dp"
        android:text="Forgot Password?"
        android:textColor="@color/White"/>
    </RelativeLayout>
    <com.ct.listrtrial.widget.CustomButton
        android:layout_marginBottom="16dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="15dp"
        android:background="@drawable/ripple_button_effect"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:text="Login"
        android:textSize="20sp"
        android:layout_gravity="bottom"
        android:layout_width="match_parent"
        android:layout_height="45dp" />
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    <com.ct.listrtrial.Custom.CustomTextViewMedium
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="OR CONNECT WITH"
        android:textColor="@color/White"
        android:textSize="15sp"
        android:layout_centerInParent="true"/>
    </RelativeLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginTop="5dp">
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        <ImageView
            android:id="@+id/facebook"
            android:layout_width="wrap_content"
            android:layout_height="45dp"
            android:adjustViewBounds="true"
            android:src="@drawable/facebook"
            android:scaleType="centerCrop"
            android:layout_marginRight="10dp"
            android:layout_centerInParent="true"/>
            <com.ct.listrtrial.Custom.CustomImageView
                android:id="@+id/google"
                android:layout_toRightOf="@+id/facebook"
                android:layout_width="wrap_content"
                android:layout_height="45dp"
                android:adjustViewBounds="true"
                android:scaleType="centerCrop"
                android:layout_marginLeft="10dp"
                android:src="@drawable/google_plus"/>
        </RelativeLayout>
    </LinearLayout>
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="90dp"
        android:background="@drawable/login_page_curve"/>
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="horizontal"
                android:layout_alignParentBottom="true"
                android:layout_centerInParent="true">
        <com.ct.listrtrial.Custom.CustomTextViewMedium
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@color/White"
            android:textSize="14sp"
            android:text="Or"/>
            <com.ct.listrtrial.Custom.CustomTextViewBold
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Register"
                android:textColor="@color/black"
                android:textSize="14sp"
                android:layout_marginLeft="10dp"/>
            </LinearLayout>
        </RelativeLayout>
    </FrameLayout>
</LinearLayout>
</android.support.v4.widget.NestedScrollView>

и моя пользовательская кривая для просмотра нижнего изображения 

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle"/>
    </item>
    <item
        android:bottom="-580dp"
        android:left="-150dp"
        android:right="-150dp"
        android:top="0dp">
        <shape android:shape="oval">
            <solid android:color="@color/White" />
        </shape>
    </item>
</layer-list>

1 Ответ

0 голосов
/ 07 мая 2018

Попробуйте это 

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#00ddff"
    android:fillViewport="true"
    android:fitsSystemWindows="true">

    <LinearLayout 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"
        android:orientation="vertical"
        tools:context="com.ct.listrtrial.activities.LoginActivity">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="50dp"
            android:text="Login"
            android:textColor="#FFFFFF"
            android:textSize="35sp" />

        <android.support.v7.widget.CardView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="25dp"
            app:cardBackgroundColor="@color/colorAccent"
            app:cardCornerRadius="20dp"
            app:cardElevation="5dp">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">

                <EditText
                    android:layout_width="match_parent"
                    android:layout_height="80dp"
                    android:background="@android:color/transparent"
                    android:drawableLeft="@drawable/ic_message"
                    android:hint="Email id"
                    android:paddingLeft="10dp"
                    android:textColor="#000" />

                <EditText
                    android:layout_width="match_parent"
                    android:layout_height="80dp"
                    android:background="@android:color/transparent"
                    android:drawableLeft="@drawable/ic_search"
                    android:hint="Password"
                    android:paddingLeft="10dp"
                    android:textColor="#000" />
            </LinearLayout>
        </android.support.v7.widget.CardView>

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_marginRight="10dp"
                android:layout_marginTop="15dp"
                android:text="Forgot Password?"
                android:textColor="#FFFFFf"
                android:textSize="18sp" />
        </RelativeLayout>

        <Button
            android:layout_width="match_parent"
            android:layout_height="45dp"
            android:layout_gravity="bottom"
            android:layout_marginBottom="16dp"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="15dp"
            android:paddingLeft="10dp"
            android:paddingRight="10dp"
            android:text="Login"
            android:textSize="20sp" />

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:text="OR CONNECT WITH"
                android:textColor="#FFFFFF"
                android:textSize="15sp" />
        </RelativeLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="5dp"
            android:layout_marginTop="5dp"
            android:gravity="center"
            android:orientation="horizontal">


            <ImageView
                android:id="@+id/facebook"
                android:layout_width="wrap_content"
                android:layout_height="45dp"
                android:layout_centerInParent="true"
                android:layout_marginRight="10dp"
                android:adjustViewBounds="true"
                android:scaleType="centerCrop"
                android:src="@drawable/fb" />

            <ImageView
                android:id="@+id/google"
                android:layout_width="wrap_content"
                android:layout_height="45dp"
                android:layout_marginLeft="10dp"
                android:layout_toRightOf="@+id/facebook"
                android:adjustViewBounds="true"
                android:scaleType="centerCrop"
                android:src="@drawable/gmail" />
        </LinearLayout>

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="250dp">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/test" />


            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginTop="20dp"
                android:orientation="horizontal">

                <TextView
                    android:id="@+id/text"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="150dp"
                    android:text="Or"
                    android:textColor="#d90a0a"
                    android:textSize="14sp" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="5dp"
                    android:layout_toRightOf="@+id/text"
                    android:text="Register"
                    android:textColor="#e61313"
                    android:textSize="14sp" />

            </RelativeLayout>
        </FrameLayout>
    </LinearLayout>
</android.support.v4.widget.NestedScrollView>

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...