Widget Recent Post No.

header ads

Android Slide With Login/Walkthrough/Onboarding Screen Design - Android Studio


Step 1 Login.xml


<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    xmlns:app="http://schemas.android.com/apk/res-auto">



    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:gravity="center"

        android:layout_centerInParent="true"

        android:orientation="vertical">





        <ImageView

            android:layout_width="82dp"

            android:layout_height="104dp"

            android:layout_gravity="center"

            android:scaleType="centerCrop"

            android:src="@drawable/logo"/>



        <TextView

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:textColor="@color/txt_color"

            android:textSize="23sp"

            android:text="LearnCode With Rk"

            android:gravity="center"/>



        <TextView

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_gravity="center"

            android:gravity="center"

            android:layout_marginTop="12dp"

            android:letterSpacing="0.0265"

            android:lineSpacingExtra="3dp"

            android:text="android studio,react native,next.js\nDigital Services"

            android:textColor="#6c7581"

            android:textSize="13.5sp"/>

    </LinearLayout>



</RelativeLayout>


Step 2 Login.Java



package in.learncodewithrk.logindesign;


import android.os.Bundle;


import androidx.fragment.app.Fragment;


import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;



public class Login_Fragment extends Fragment {

    private View view;



    @Override

    public View onCreateView(LayoutInflater inflater, ViewGroup container,

                             Bundle savedInstanceState) {

        // Inflate the layout for this fragment

        view = inflater.inflate(R.layout.fragment_login_, container, false);


        return view;

    }

}



Github: https://github.com/LearncodeWithRk/Onboarding-or-Login-Design

 

Post a Comment

0 Comments