주소관리 앱개발 ver.1 (1일차)

Posted on: 2018년 03월 15일 2018년 03월 15일
Categories: 강의자료, 안드로이드

새프로젝트 생성
1. Target Android Devices : Phone and Table(API 15 이상 선택)
2. Add and Activity to Mobile : Navigation Drawer Activity

/layout/content_main.xml 수정

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:ads="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="kr.co.moak.proj001address.MainActivity"
    tools:showIn="@layout/app_bar_main">

    <FrameLayout
        android:id="@+id/container"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintBottom_toTopOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent">
    </FrameLayout>

</android.support.constraint.ConstraintLayout>

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

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"

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

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

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

app:layout_behavior="@string/appbar_scrolling_view_behavior"

tools:context="kr.co.moak.proj001address.MainActivity"

tools:showIn="@layout/app_bar_main">

<FrameLayout

android:id="@+id/container"

android:layout_width="0dp"

android:layout_height="0dp"

app:layout_constraintBottom_toTopOf="parent"

app:layout_constraintLeft_toLeftOf="parent"

app:layout_constraintRight_toRightOf="parent"

app:layout_constraintTop_toTopOf="parent">

</FrameLayout>

</android.support.constraint.ConstraintLayout>

TextView를 삭제하고 FrameLayout을 추가
FrameLayout의 id를 container로 지정
MainActivity.java : ft.replace(R.id.container, fragRegister);
layout_width : match_parent
layout_height : match_parent

/layout/frag_register 생성

File name : frag_register
Root element : ScrollView 선택

ScrollView에 LinearLayout(vertical)추가

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">

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

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

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

android:layout_width="match_parent" android:layout_height="match_parent">

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="vertical"></LinearLayout>

</ScrollView>

LinearLayout에 Button, EditText 등을 추가하여 화면 구성

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">

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

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal">

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="@string/name" />

            <EditText
                android:id="@+id/txtName"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="3"
                android:ems="10"
                android:inputType="textPersonName" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal">

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="@string/telephone" />

            <Spinner
                android:id="@+id/spnTel1"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1.2"
                android:ems="10"
                android:entries="@array/member_spin_tel1" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="0.2"
                android:text="-" />

            <EditText
                android:id="@+id/txtTel2"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="0.7"
                android:ems="10"
                android:gravity="center_horizontal"
                android:hint="@string/member_hint_tel2"
                android:inputType="numberDecimal" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="0.2"
                android:text="-" />

            <EditText
                android:id="@+id/txtTel3"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="0.7"
                android:ems="10"
                android:gravity="center_horizontal"
                android:hint="@string/member_hint_tel3"
                android:inputType="numberDecimal" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal">

            <Button
                android:id="@+id/btnSave"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="@string/save" />

            <Button
                android:id="@+id/btnCancel"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="@string/cancel" />

        </LinearLayout>

    </LinearLayout>
</ScrollView>

100

101

102

103

104

105

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

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

android:layout_width="match_parent" android:layout_height="match_parent">

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="vertical">

<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="horizontal">

<TextView

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:text="@string/name" />

<EditText

android:id="@+id/txtName"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="3"

android:ems="10"

android:inputType="textPersonName" />

</LinearLayout>

<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="horizontal">

<TextView

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:text="@string/telephone" />

<Spinner

android:id="@+id/spnTel1"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1.2"

android:ems="10"

android:entries="@array/member_spin_tel1" />

<TextView

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="0.2"

android:text="-" />

<EditText

android:id="@+id/txtTel2"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="0.7"

android:ems="10"

android:gravity="center_horizontal"

android:hint="@string/member_hint_tel2"

android:inputType="numberDecimal" />

<TextView

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="0.2"

android:text="-" />

<EditText

android:id="@+id/txtTel3"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="0.7"

android:ems="10"

android:gravity="center_horizontal"

android:hint="@string/member_hint_tel3"

android:inputType="numberDecimal" />

</LinearLayout>

<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="horizontal">

<Button

android:id="@+id/btnSave"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_weight="1"

android:text="@string/save" />

<Button

android:id="@+id/btnCancel"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_weight="1"

android:text="@string/cancel" />

</LinearLayout>

</ScrollView>

/src/FragRegister.java 생성

public class FragRegister extends android.support.v4.app.Fragment {

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.frag_register, container, false);

        return view;
    }
}

public class FragRegister extends android.support.v4.app.Fragment {

@Nullable

@Override

public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

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

return view;

}

꼭 android.support.v4.app.Fragment에서 상속 받아야 함
onCre을 입력하며 나타나는 메뉴에서 onCreateView를 찾아 클릭한 후 완성하면 됨

/layout/frag_list.xml 생성

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/textView2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="TextView" />

</LinearLayout>

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

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

android:orientation="vertical" android:layout_width="match_parent"

android:layout_height="match_parent">

<TextView

android:id="@+id/textView2"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="TextView" />

</LinearLayout>

/src/FragList.java 생성

public class FragList extends android.support.v4.app.Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.frag_list, container, false);

        return view;
    }
}

public class FragList extends android.support.v4.app.Fragment {

@Nullable

@Override

public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

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

return view;

}

/menu/activity_main_drawer.xml 수정

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:showIn="navigation_view">

    <group android:checkableBehavior="single">
        <item
            android:id="@+id/nav_register"
            android:title="Register" />
        <item
            android:id="@+id/nav_list"
            android:title="List" />
        <item
            android:id="@+id/nav_slideshow"
            android:icon="@drawable/ic_menu_slideshow"
            android:title="Slideshow" />
        <item
            android:id="@+id/nav_manage"
            android:icon="@drawable/ic_menu_manage"
            android:title="Tools" />
    </group>

    <item android:title="Communicate">
        <menu>
            <item
                android:id="@+id/nav_share"
                android:icon="@drawable/ic_menu_share"
                android:title="Share" />
            <item
                android:id="@+id/nav_send"
                android:icon="@drawable/ic_menu_send"
                android:title="Send" />
        </menu>
    </item>

</menu>

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

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

xmlns:tools="http://schemas.android.com/tools"

tools:showIn="navigation_view">

<item

android:id="@+id/nav_register"

android:title="Register" />

<item

android:id="@+id/nav_list"

android:title="List" />

<item

android:id="@+id/nav_slideshow"

android:icon="@drawable/ic_menu_slideshow"

android:title="Slideshow" />

<item

android:id="@+id/nav_manage"

android:icon="@drawable/ic_menu_manage"

android:title="Tools" />

</group>

<menu>

<item

android:id="@+id/nav_share"

android:icon="@drawable/ic_menu_share"

android:title="Share" />

<item

android:id="@+id/nav_send"

android:icon="@drawable/ic_menu_send"

android:title="Send" />

</menu>

</item>

</menu>

MainActivity.java의 onNavigationItemSelected() 메서드 수정

@SuppressWarnings("StatementWithEmptyBody")
@Override
public boolean onNavigationItemSelected(MenuItem item) {
    // Handle navigation view item clicks here.
    int id = item.getItemId();

    FragmentTransaction ft = getSupportFragmentManager().beginTransaction();;

    if (id == R.id.nav_register) {
        Fragment fragRegister = new FragRegister();
        ft.replace(R.id.container, fragRegister);
        ft.commit();
    } else if (id == R.id.nav_list) {
        Fragment fragList = new FragList();
        ft.replace(R.id.container, fragList);
        ft.commit();
    } else if (id == R.id.nav_camera) {

    }

    DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
    drawer.closeDrawer(GravityCompat.START);
    return true;
}

@SuppressWarnings("StatementWithEmptyBody")

@Override

public boolean onNavigationItemSelected(MenuItem item) {

// Handle navigation view item clicks here.

int id = item.getItemId();

FragmentTransaction ft = getSupportFragmentManager().beginTransaction();;

if (id == R.id.nav_register) {

Fragment fragRegister = new FragRegister();

ft.replace(R.id.container, fragRegister);

ft.commit();

} else if (id == R.id.nav_list) {

Fragment fragList = new FragList();

ft.replace(R.id.container, fragList);

ft.commit();

} else if (id == R.id.nav_camera) {

}

DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);

drawer.closeDrawer(GravityCompat.START);

return true;

}

whan0623

517