이번 시간에는 여러가지 위젯들을 다루어 볼겁니다.


안드로이드 스튜디오의 위젯은 여러가지 뜻이 있으나, 저는 오늘 버튼, 텍스트뷰 등의 위젯들을 다루어 볼 겁니다.


왼쪽 상단에 보시면 여러가지 위젯들을 보실 수 있는데요, 먼저 버튼부터 해보겠습니다.


소개해드리기 전에, 먼저 말씀드릴것이 있는데요,

<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button"
tools:layout_editor_absoluteX="103dp"
tools:layout_editor_absoluteY="146dp" />

위와 같은 상태에서는 constraint 하지 않아서 강제로 위젯의 위치를 (0,0) 으로 옮긴다고 합니다. 이를 막기 위해서는 

<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button"
tools:layout_editor_absoluteX="103dp"
tools:layout_editor_absoluteY="146dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"/>

위와 같은 코드가 필요합니다. 그럼 다시 본론으로 돌아가서 버튼을 한번 살펴봅시다.

<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button"
tools:layout_editor_absoluteX="103dp"
tools:layout_editor_absoluteY="146dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"/>


이 xml 코드에서 우리는 onclick을 설정해 줄 필요가 있습니다. 이때 onclick 이란 만일 버튼이 눌렸을때 무엇을 해야 하는지 메소드를 지정해 주는 것 입니다. 그렇게 되면 

android:onClick="onclick"

코드를 추가해준 상태에서 자바 파일에서는

public void onclick(View v){

}

이러한 메소드를 코딩해 버튼이 터치되었을 시의 이벤트에 대비합니다.


또 다른 내용으로는 텍스트 뷰가 있는데요, 텍스트 뷰의 xml코드 또한 버튼의 코드와 다른점이 거의 없습니다.

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />

보시면 두 위젯의 공통점을 아시겠나요? 사실 말하자면 텍스트 뷰도 버튼이 될 수 있습니다. 모든 안드로이드 위젯들이 그러합니다. 

onclick 을 설정해주는 것만으로도 이미 그 위젯을 터치했을때의 이벤트를 만들어놓은것과 같습니다. 또 텍스트를 설정하는 방법 또한 같습니다. 그렇기 때문에 버튼의 텍스트를 설정하는 방식으로 xml파일에서 텍스트 뷰의 텍스트도 설정할 수 있습니다.


여기서 제가 말하고자 함은 안드로이드 스튜디오에서 버튼만 버튼 이벤트 형성이 되는것이 아니라, 텍스트 뷰만 텍스트를 보여줄수 있는 것이 아니라는 겁니다. 그래서 필요한곳에다가 유용하게 사용할 수 있습니다.



그럼 다음시간에...

바텀 네비게이션 뷰 사용하기


오랜만이군요. 안녕하세요, 제롯 킘 입니다. 오늘은 바텀 네비게이션 뷰를 활용하는 방법을 알아볼 건데요, 그럴려면 먼저 전 시간 수업 에서 알아보았던 '새 프로젝트 만들기' 를 참고하여 프로젝트를 만드시는데요, 액티비티를 고를 때는 "Bottom Navigation Activity" 를 선택해 주시고, 만드시면 되겠습니다.

 

프로젝트를 만드셨다면 이러한 화면이 나올 것 입니다.


이 화면에서 여러분은 쓰여진 대로 클릭하시면 앱의 화면이 보여지는 것을 알 수 있습니다.

그러면, 이제 다시 돌아가서 MainActivity.java에서 보면,

private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
= new BottomNavigationView.OnNavigationItemSelectedListener() {

@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()) {
case R.id.navigation_home:
mTextMessage.setText(R.string.title_home);
return true;
case R.id.navigation_dashboard:
mTextMessage.setText(R.string.title_dashboard);
return true;
case R.id.navigation_notifications:
mTextMessage.setText(R.string.title_notifications);
return true;
}
return false;
}
};

이러한 코드를 보실 수 있으실 텐데요, 이 코드와 

BottomNavigationView navigation = (BottomNavigationView) findViewById(R.id.navigation);
navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);

이 코드가 이번 시간에서 가장 중요한 요소가 될 수 있을 것 같습니다.


먼저 첫번째 코드를 봅시다. 첫번째 코드는 바텀 네비게이션 뷰에서 선택을 한 아이템 때문에 실행될 이벤트를 적어놓은 코드입니다.


case R.id.navigation_home;
mTextMessage.setText(R.string.title_home);
return true;

 이 코드에서는 아이디가 navigation.home 인 아이템을 선택했을때의 이벤트를 무엇으로 할 지를 정하고 있습니다. 여기에서는 TextView의 텍스트를 지정하고 있습니다. 그럼 한번 프로그램의 실행결과를 볼까요?

프로그램의 실행 결과는 이렇습니다(밑에 바텀 네비게이션 뷰의 이름이 좀 이상한 것은 양해 부탁드립니다...).


그래서, 바텀 네비게이션 뷰로는 화면을 전환하거나, 토스트 메시지를 띄우거나, 여러가지 것들을 할 수 있겠습니다. 하지만 여기서 어떤 분들은 "저 아이콘 어떻게 바꾸나요? 이름은 어떻게 바꾸나요?" 라고 궁금해 하실 수 있습니다. 예, 바꿀 수 있습니다.


여기에 보시면, xml 형식의 navigation 이라는 파일이 있는데요, 이 파일 안으로 들어가 보면 

<item
android:id="@+id/navigation_dashboard"
android:icon="@drawable/ic_dashboard_black_24dp"

android:title="댓시 보얼드" />

<item
android:id="@+id/navigation_home"
android:icon="@drawable/ic_home_black_24dp"
android:title="@string/title_dashboard" />

<item
android:id="@+id/navigation_notifications"
android:icon="@drawable/ic_notifications_black_24dp"
android:title="@string/title_notifications" />


이러한 코드가 나옵니다. 여기서 

android:title

을 수정하시면 됩니다. 그럼 이름이 바뀌고요, 아이콘은 이 사이트 에 들어가시면 구하실 수 있습니다. 그 다음 drawable 에 되도록 영문(대문자 안됨) 으로 이름을 지정하시고 xml에서 id를 정해 주세요. 그러면 이렇게 아이콘이나 이름을 바꾸실 수 있습니다.



이렇게 해서 바텀 네비게이션 뷰 활용하기가 끝났습니다. 아이템을 선택하였을때의 이벤트는 여러분이 원하시는 대로, 지정하시면 되겠습니다.

예제를 원하시면 방명록에 남겨주세요. 제가 보내겠습니다.

이상입니다. 감사합니다.

새로운 프로젝트 만들기


 안녕하세요, 오늘 안드로이드의 본격적인 수업을 시작하는 제롯 킘 입니다. 수업을 시작하기 전에, 안드로이드 스튜디오를 다운받으셔야 하는데요, 이 링크 로 들어가셔서 안드로이드 스튜디오를 다운 받으시면 되겠습니다. 설치에 대한 설명은 여기에서 알아보시면 될 것 같습니다. 그럼 시작하죠!


안드로이드 스튜디오를 다운받으신 다음(설치까지 완벽하게), 실행을 해 보시면 위 같은 화면이 나올겁니다.(저는 여러가지 프로젝트를 만들어서 왼쪽에 저렇게 뭐가 있는겁니다)

그리고 Start a new Android Studio project 를 누르시면 됩니다.

그런 다음, 앱의 이름을 정하시면 됩니다. 


그 다음 순서로는, 안드로이드 버전을 정하는 순서가 있는데요, 사진은 이렇습니다.


버전을 왜 정하냐고요? 왜냐하면 안드로이드 버전마다 기능이 다르기 때문입니다. 안드로이드 극초반기였던 버전 때는 아직 여러가지 기능이 없던 상태라서 버전이 업그레이드 될 수록 좀 더 다양한 기능을 갖게 하여서 지금 우리가 쓰는 버전으로는 다양한 활동을 할 수 있게 되었습니다. 하지만, 아직도 많은 유저들은 핸드폰을 업그레이드 안 하고 계속 쓰는 경우가 있습니다. 그래서 버전을 지정 한 다음에 그 버전 이상의 버전이 핸드폰에 설치되어 있는 경우만 앱을 다운받고 실행 할 수 있게 한 것이지요. 

 쉽게 정리하면

높은버전 - 적은 유저, 다양한 기능.

낮은버전 - 많은 유저, 적은 기능.

 이 되는 것 입니다. 그리하여 여러분은 상황에 맞게 이 버전을 선택해야할 필요가 있습니다. 

버전을 설정하게 되면 


이러한 화면이 나타나게 됩니다. 액티비티는 안드로이드 스튜디오에서 유저가 볼수 있는 화면(UI) 입니다. 이 화면에서는 제가 버튼을 넣을 수도 있고, 다른 것들을 넣을 수도 있지요. 어쨌든, 이 화면에서는 여러가지 액티비티를 고를 수 있는데요, 필요한 상황에 따라서 액티비티를 고르는 것이 현명하다고 봅니다.

 그리하여 액티비티 까지 고르고 나면 


액티비티의 이름까지 설정하는 화면이 나옵니다. 여기서 액티비티의 이름을 설정하고, finish 버튼을 누르시면 되겠습니다. 


 이렇게 안드로이드 스튜디오에서 새로운 프로젝트 만드는 방법을 알려드렸습니다. 그럼 다음시간에는 그 다음 과정인 바텀 네비게이션 뷰 활용하기 에 대해 알려드리겠습니다. 이상입니다.

안드로이드 스튜디오의 포스팅 순서 입니다.

포스팅을 할 때에는 이 앱을 참고하여 할 것이니, 이 앱을 사용하시면서 이 수업을 들으시면 좋을 것 같습니다. 안 그래도 잘 이해가 된다면 필요 없고요.
 순서는 이렇습니다.

1.새로운 프로젝트 만들기

2.바텀 네비게이션 뷰 활용하기

3.위젯 생성하기 및 다루어보기

4.Intent 활용하기

5.SharedPreferences 활용법 알아보기

6.Dialog 만들어보기

7.Handler 활용법 알아보기

8.Admob 사용법 알아보기

9.마치기

이러한 순서에 따라 수업을 진행할 것으로, 이해가 안 가시는 부분이 있다면 제게 말해주세요.
 아 그리고 이 수업은 JAVA의 지식을 어느정도 가지고 있어야 해서 옆방에 있는 JAVA 수업을 들으신 다음에 공부하시면 훠얼씬 더 잘 될 것 입니다.

그럼 첫 시간때 봅시다!


안드로이드 앱을 만들기 위해 쓰는 IDE, 안드로이드 스튜디오를 아시나요?

이번 시간에 설명할 것은 안드로이드 스튜디오에 대한 간단한 정보와 안드로이드 스튜디오로 할 수 있는 것들을 간략하게 설명해 드리도록 하겠습니다.

그런데 먼저, 안드로이드는 아시겠죠? 아이폰 사용자가 아니라면 안드로이드에 대해 아실 겁니다. 그렇습니다. 안드로이드는 구글의 모바일 OS 입니다. 이 안드로이드 스튜디오는 이 안드로이드 OS에서 사용 가능한 프로그램을 만드는 프로그램입니다.(IDE) 
프로그래밍 언어로는 코틀린과(kotlin) 자바(JAVA) 가 있습니다. 이 언어들과 액티비티를 구성하는 언어인 XML 을 씁니다.

 2010년대, 스마트폰 분야가 발전되면서 덩달아 인기가 많아진 안드로이드는, 2014년 단독적인 IDE를 만들며 안드로이드의 공식 IDE가 되었습니다.
그래서 개발자들도 많아져서 인터넷에 검색 조금만 해도 결과가 많이 나올 정도입니다.
그럼 이 안드로이드 스튜디오로 무엇을 만들 수 있을까요?
 아래의 URL 에 들어가셔서 앱을 다운받고 해보시면 알 것 입니다.(광고냐고요? 예 그렇습니다. 어떻게 보면 광고겠지요. 하지만, 달리 이 안드로이드 스튜디오로 설명하기 쉬운 앱이 없어 제가 직접 개발한 앱을 다운받으시라고 하시는 겁니다. 앞으로는 이 앱을 바탕으로 포스팅을 해볼 예정입니다.) 


익숙한 디자인에 편리한 기능을 가지고 있는 안드로이드 스튜디오. 안드로이드 강의를 시작합니다!


+ Recent posts