안드]로그인페이지와 회원가입페이지 (1)

안드로이드 기본인 로그인과 회원가입 페이지를 제작해 보겠습니다.

우선 기초적인 디자인과 인텐트 부분만 다뤄봤습니다.

준비물입니다.

2개의 클래스를 추가해주세요.

2개의 백그라운드 사진이 필요합니다.

2개의 xml이 필요합니다 각각 클래스에 연결됩니다.

먼저 xml 부분을 살펴보겠습니다.

android:background="@drawable/back3" 해당레이아웃에 background를 줍니다.

  <EditText 아이디 비밀번호는 EditText로 하였습니다.

android:inputType="textPassword"비밀번호는 type을 주어 비밀번호가 별모양으로 표시됩니다.

<android.support.v7.widget.AppCompatCheckBox 또한 유저의 편의성을 위해 자동로그인 버튼을 만들 예정입니다.

    <TextView 그리고 회원가입페이지로 이동할 텍스트뷰를 하나 만들어 줍니다.

디자인 이미지입니다.

회원가입 xml입니다.

<?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:orientation="vertical"
    android:background="@drawable/back1">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="40dp"
        android:text="다람월드 회원가입"
        android:textColor="#000000"
        android:textSize="30dp"
        android:textStyle="bold" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="30dp"
        android:layout_marginTop="30dp"
        android:layout_marginBottom="30dp"
        android:text="회원가입 페이지입니다."
        android:layout_gravity="center"
        android:textStyle="bold"
        android:textColor="#000000"/>
    <EditText
        android:id="@+id/idText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:ems="10"
        android:hint="아이디"
        android:textColorHint="#000000"
        android:textColor="#000000"
        android:inputType="textPersonName" />

    <EditText
        android:id="@+id/passwordText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:ems="10"
        android:hint="비밀번호"
        android:textColorHint="#000000"
        android:textColor="#000000"
        android:inputType="textPassword" />



    <Button
        android:id="@+id/registerButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="회원가입" />
</LinearLayout>

  <EditText>저희가 필요한건 아이디와 패스워드이니 두가지의 EditText를 받아옵니다.

디자인 이미지입니다.

사진은 drawable파일에 사진을 복사해서 붙여넣기 해주시면 됩니다.

이제 class 파일을 살펴 보겠습니다.

로그인 메인입니다.

public class LoginMain extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.login_activity);


        TextView id = (TextView)findViewById(R.id.Login_id);
        TextView ps = (TextView)findViewById(R.id.Login_password);
        Button button = (Button)findViewById(R.id.Login_Button);
        CheckBox box = (CheckBox)findViewById(R.id.Auto_Login);
        TextView register = (TextView)findViewById(R.id.Go_registerActivity);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(LoginMain.this,MainActivity.class);
                startActivity(intent);
            }
        });

        register.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(LoginMain.this,LoginRegister.class);
                startActivity(intent);
            }
        });
    }
}

메인에 보면 버튼과 텍스트뷰에 하나씩 클릭 리스너를 넣어주었습니다.

버튼쪽은 로그인후 메인뷰로 이동하고 레지스터텍스는 회원가입 페이지로 이동합니다.

회원가입 레지스터입니다.

public class LoginRegister extends Activity {
SharedPreferences shard;
    String LoginID = "LoginID";
    String LoginPassword = "LoginPassword";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.login_register);

       final TextView id = (TextView)findViewById(R.id.idText);
       final TextView ps = (TextView)findViewById(R.id.passwordText);
        Button button = (Button)findViewById(R.id.registerButton);



        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
            
                Intent intent =new Intent(LoginRegister.this,LoginMain.class);

               startActivity(intent);
            }
        });
    }
}

간단합니다. 

회원가입후 로그인메인으로 다시 돌아갑니다.

이후에 데이터를 저장하고 조건을 체크하는 부분을 포스팅하겠습니다.