activitymain xml activitymain xml Linear Layout Text View

  • Slides: 49
Download presentation

카운트 프로그램 (activity_main. xml) 학습목표 (activity_main. xml) • <Linear. Layout>의 중첩 • <Text. View>

카운트 프로그램 (activity_main. xml) 학습목표 (activity_main. xml) • <Linear. Layout>의 중첩 • <Text. View> • <Button> • android: layout_weight • android: id

카운트 프로그램 (activity_main. xml) Linear. Layout Text. View Button

카운트 프로그램 (activity_main. xml) Linear. Layout Text. View Button

카운트 프로그램 (activity_main. xml) ? Linear. Layout 중첩하 자

카운트 프로그램 (activity_main. xml) ? Linear. Layout 중첩하 자

카운트 프로그램 (activity_main. xml) 실습 android: layout_weight 활용하여 <Button> 크기를 조절해보자 1 1

카운트 프로그램 (activity_main. xml) 실습 android: layout_weight 활용하여 <Button> 크기를 조절해보자 1 1

WHY ?

WHY ?

카운트 프로그램 (activity_main. xml) android: id 로 각 뷰에 이름을 부여해보자 • <Text. View>

카운트 프로그램 (activity_main. xml) android: id 로 각 뷰에 이름을 부여해보자 • <Text. View> 는 ‘count. Display’ • <Button> 중 증가 버튼은 ‘count. Up’ • <Button> 중 감소 버튼은 ‘count. Down’ Ex) android: id=“@+id/count. Display”

카운트 프로그램 (activity_main. xml) <? xml version="1. 0" encoding="utf-8"? > <Linear. Layout xmlns: android="http:

카운트 프로그램 (activity_main. xml) <? xml version="1. 0" encoding="utf-8"? > <Linear. Layout xmlns: android="http: //schemas. android. com/apk/res/android" android: orientation="vertical" android: layout_width="match_parent" android: layout_height="match_parent"> <Text. View android: id="@+id/count. Display" android: layout_width="match_parent" android: layout_height="0 dp" android: layout_weight="3" android: text="0" android: text. Size="30 pt" android: gravity="center"/> <Linear. Layout android: orientation="horizontal" android: layout_width="match_parent" android: layout_height="0 dp" android: layout_weight="1"> <Button android: id="@+id/count. Up" android: layout_width="0 dp" android: layout_height="match_parent" android: layout_weight="1" android: text="증가" /> <Button android: id="@+id/count. Down" android: layout_width="0 dp" android: layout_height="match_parent" android: layout_weight="1" android: text="감소" /> </Linear. Layout>

카운트 프로그램 (Main. Activity. java) 변수 정의 = 뷰가 저장될 공간 정의 Text. View

카운트 프로그램 (Main. Activity. java) 변수 정의 = 뷰가 저장될 공간 정의 Text. View count. Display. TV; Button count. Up. Btn; Button count. Down. Btn;

카운트 프로그램 (Main. Activity. java) 변수 와 activity_main. xml 뷰 연결 count. Display. TV

카운트 프로그램 (Main. Activity. java) 변수 와 activity_main. xml 뷰 연결 count. Display. TV = find. View. By. Id(R. id. count. Display); Button count. Up. Btn = find. View. By. Id(R. id. count. Up); Button count. Down. Btn = find. View. By. Id(R. id. count. Down); 변수를 통해 동적으로 뷰를 조작 가 능

카운트 프로그램 (Main. Activity. java) View. On. Click. Listener 설정하기 1. public class Main.

카운트 프로그램 (Main. Activity. java) View. On. Click. Listener 설정하기 1. public class Main. Activity extends App. Compat. Activity -> public class Main. Activity extends App. Compat. Activity implements View. On. Click. Listener 2. View. On. Click. Listener 부분을 클릭하고 [alt+o] 3. on. Click() 가져오기

카운트 프로그램 (Main. Activity. java) 버튼 뷰들과 View. On. Click. Listener 연결 count. Up.

카운트 프로그램 (Main. Activity. java) 버튼 뷰들과 View. On. Click. Listener 연결 count. Up. Btn. set. On. Click. Listener(this); count. Down. Btn. set. On. Click. Listener(this); 두 버튼을 클릭하게 되면 on. Click() 실행

카운트 프로그램 (Main. Activity. java) on. Click() 함수 내부 구현하기 [순서도] Count 값 증가

카운트 프로그램 (Main. Activity. java) on. Click() 함수 내부 구현하기 [순서도] Count 값 증가 Click!! count. Up. Btn Vs count. Down. Bt n Count 값 출력 Count 값 감소

카운트 프로그램 (Main. Activity. java) void switch. Example(num) { switch(num) { case 1 :

카운트 프로그램 (Main. Activity. java) void switch. Example(num) { switch(num) { case 1 : printf(“ 1 입니다. ”); break; case 2 : printf(“ 2 입니다. ”); break; case 3 : printf(“ 3 입니다. ”); break; } } on. Click() 함수 내부 구현하기 [유사코드] public void on. Click(View view) { switch(버튼의 id값) { case 증가 버튼 id: 카운트 값 증가 break } } case 감소 버튼 id: 카운트 값 감소 break 카운트 값 출력

카운트 프로그램 (Main. Activity. java) 클릭 때 마다 수정되는 카운트 값을 저장할 공간이 필요

카운트 프로그램 (Main. Activity. java) 클릭 때 마다 수정되는 카운트 값을 저장할 공간이 필요 int count. Value = 0; 변수 선언 on. Click() 함수 내부 구현하기 [유사코드] Text. View count. Display. TV; Button count. Up. Btn; Button count. Down. Btn; // 변수 선언부 밑에 count. Value 변수 추가 int count. Value = 0;

카운트 프로그램 (Main. Activity. java) on. Click() 함수 내부 구현하기 [소스코드] 버튼의 id 값을

카운트 프로그램 (Main. Activity. java) on. Click() 함수 내부 구현하기 [소스코드] 버튼의 id 값을 가져오는 함수 = view. get. Id() public void on. Click(View view) { 증가 버튼 id = R. id. count. Up switch(view. get. Id()) { case R. id. count. Up: count. Value++; break; 카운트 값 증가 = count. Value++; 감소 버튼 id = ? 카운트 값 감소 = ? } 카운트 값 출력 = count. Display. set. Text(count. Value + “”) } case R. id. count. Down: count. Value--; break; count. Display. set. Text(count. Value+””);

카운트 프로그램 (Main. Activity. java) } public class Main. Activity extends App. Compat. Activity

카운트 프로그램 (Main. Activity. java) } public class Main. Activity extends App. Compat. Activity implements View. On. Click. Listener { Text. View count. Display. TV; @Override Button count. Up. Btn; public void on. Click(View view) { switch(view. get. Id()) { Button count. Down. Btn; case R. id. count. Up : count. Value++; int count. Value = 0; break; @Override case R. id. count. Down : protected void on. Create(Bundle saved. Instance. State) { super. on. Create(saved. Instance. State); count. Value--; set. Content. View(R. layout. activity_main); break; } count. Display. TV = find. View. By. Id(R. id. count. Display); count. Display. TV. set. Text(count. Value+""); count. Up. Btn = find. View. By. Id(R. id. count. Up); } count. Down. Btn = find. View. By. Id(R. id. count. Down); } count. Up. Btn. set. On. Click. Listener(this); count. Down. Btn. set. On. Click. Listener(this);

과제 -계산기 프로그램 Hint. Step 1. <Linear. Layout> 을 중첩하여 디자인 틀 잡기 <Linear.

과제 -계산기 프로그램 Hint. Step 1. <Linear. Layout> 을 중첩하여 디자인 틀 잡기 <Linear. Layout> <Text. View /> <Linear. Layout> <Edit. Text /> <Text. View /> <Edit. Text /> </Linear. Layout> <Button /> </Linear. Layout>

과제 -계산기 프로그램 Hint. <Linear. Layout> <Text. View /> <Linear. Layout> <Edit. Text />

과제 -계산기 프로그램 Hint. <Linear. Layout> <Text. View /> <Linear. Layout> <Edit. Text /> <Text. View /> <Edit. Text /> </Linear. Layout> <Button /> </Linear. Layout> Step 2. 각 뷰에 android: orientation, android: layout_width, android: layout_height, android: layout_weight 활용하여 다음과 같은 모양 나오도록 디자인 해보자