Две разные страницы обрезаются с отображением страницы входа и регистрации в макете Android xml

Question

Экран входа и регистрации

Как реализовать и написать XML-файл, как это изображение? Пожалуйста, помогите мне.

Answer 1

Создайте макет как этот,

<?xml version="1.0" encoding="utf-8"?>
<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"
    android:weightSum="2"
    tools:context=".MainActivity">


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

        <!-- put your Login page content ,email
         ,password Edittext and other button here.
         -->

    </LinearLayout>


    <LinearLayout
        android:layout_width="40dp"
        android:layout_height="match_parent"
        android:layout_weight="0.10"
        android:background="@drawable/lay_background"
        android:weightSum="1">

        <TextView
            android:id="@+id/signUp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:layout_weight="0.10"
            android:elevation="20dp"
            android:gravity="center"
            android:rotation="270"
            android:text="Sign Up"
            android:textAllCaps="true"
            android:textColor="#ffffff"
            android:textStyle="bold"
            android:weightSum="1" />

    </LinearLayout>

</LinearLayout>

lay_background.xml

 <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">

        <item>
            <shape android:shape="rectangle">
                <solid android:color="@color/colorAccent"/>
            </shape>
        </item>

        <item
            android:left="0dp"
            android:right="0dp"
            android:top="0dp"
            android:bottom="2dp">
            <shape android:shape="rectangle">
                <solid android:color="@color/colorAccent"/>
                <corners android:radius="5dp"/>
            </shape>
        </item>
    </layer-list>

и onClick() textview открывают вашу регистрационную активность, это другой подход. Попробуйте это, я надеюсь, это сработает для вас.

Answer 2

Я бы предложил использовать Viewpager / Recyclerview,

Я использовал Recyclerview с функцией привязки. Мой проект требует, чтобы кнопка следующего модуля была частично видимой частью первого экрана. Таким образом, я использовал переработчик и сохранил размер элемента немного меньше ширины экрана. Так что следующий элемент виден частично. Как только вы нажмете кнопку, она перейдет к следующему элементу.