2016년 1학기에 #implude 창업동아리에서 진행한 신입생 교육자료입니다. 화면에 띄어지는 인터페이스를 구성해보고 Java와 연결해보았습니다.

1. #02
간단한
화면
인터페이스
창동 단.기.속.성. 안드로이드

2. #implude 안드로이드 단.기.속.성 Made By WP14 박성우
들어가기 앞서...
했니...??
#01
첫번째
안드로이드
프로젝트

3. #implude 안드로이드 단.기.속.성 Made By WP14 박성우
XML
Markup Language

4. #implude 안드로이드 단.기.속.성 Made By WP14 박성우
안드로이드 UI?
F
A
B
List
TextView
menuLayout
button
LinearLayout
ToolBar

5. #implude 안드로이드 단.기.속.성 Made By WP14 박성우
LinearLayout vs RelativeLayout

6. #implude 안드로이드 단.기.속.성 Made By WP14 박성우
Java와 XML 사이의 연결고리
setContentView(R.layout.activity_
main);
MainActivity.j
ava
Res/layout/activity_main
.xml

7. #implude 안드로이드 단.기.속.성 Made By WP14 박성우
Java와 XML 사이의 연결고리
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content
"
android:text="안녕?"
android:id="@+id/hello"
android:layout_below="@+id/textView
" />
XML에서 버튼의 변수명을 ‘hello’으로 설정!

8. #implude 안드로이드 단.기.속.성 Made By WP14 박성우
Java와 XML 사이의 연결고리
Java에서 버튼 변수를 선언 후 xml에 연결!
public class MainActivity extends
AppCompatActivity {
Button HelloButton;
@Override
protected void onCreate(Bundle
savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
HelloButton =
(Button)findViewById(R.id.hello);
}
}
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content
"
android:text="안녕?"
android:id="@+id/hello"
android:layout_below="@+id/textView
" />

9. #implude 안드로이드 단.기.속.성 Made By WP14 박성우
Java와 XML 사이의 연결고리
HelloButton = (Button)findViewById(R.id.hello);
android:id="@+id/hello"
Res폴더 안에 있는 것들 중
id가 ‘hello’인 것!
?

10. #implude 안드로이드 단.기.속.성 Made By WP14 박성우
Casting!
findViewById는 view로 리턴된다…
근데 어떻게 버튼으로 처리하지??

11. #implude 안드로이드 단.기.속.성 Made By WP14 박성우
Casting!
int + double???

12. #implude 안드로이드 단.기.속.성 Made By WP14 박성우
Casting!
public static void main(String[]
args) {
//형변환
double d = 100.8;
int i = 100;
int result = i + (int)d;
System.out.println("d=" + d);
System.out.println("i=" + i);
System.out.println("result=" +
result);
}
여러 변수타입간의 이동을 할 수 있다! But 약간의 손실이 있을수도...

13. #implude 안드로이드 단.기.속.성 Made By WP14 박성우
오늘 배워 볼 메서드...
HelloButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Snackbar.make(v, "Cracker", Snackbar.LENGTH_LONG).setAction("toast", new
View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(getApplicationContext() ,"hello!",
Toast.LENGTH_LONG).show();
}
}).show();
}
});

14. Let’s Go!
창동 단.기.속.성. 안드로이드
Code탭을 활용해 심화적인 UI 만들어보기!
XML과 JAVA 연결해 여러 기능 넣어보기!

15. #implude 안드로이드 단.기.속.성 Made By WP14 박성우
Review
1. XML과 레이아웃 종류
2. Java와 XML 사이의 연결고리!
3. 캐스팅(형변환)
4. OnClickListner
5. 알림에 유용하게 쓰이는 토스트와 스낵바

16. See You Next Time
창동 단.기.속.성. 안드로이드
Next>
데이터를 담아주는 변수와 자료형