감조이의 생각하는 컴퓨터

이미지는 drawable 폴더에 넣을 이미지를 복사 후 붙여넣기 해 두고, ImageView 위젯으로 자리를 배치하고,


android:src="@drawable/treeshade1"

위와 같이 이미지 소스에 위치와 이미지 파일명을 적어줍니다.

activity_main.xml 파일은 다음과 같습니다.


<RelativeLayout

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:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"

tools:context=".MainActivity">

<TextView android:text="@string/hello_world"

android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:id="@+id/textView" />

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/treeshade1"
android:id="@+id/imageView"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginBottom="47dp" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/wood"
android:id="@+id/textView2"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true" />

</RelativeLayout>


strings.xml 파일은 다음과 같습니다.


<resources>
<string name="app_name">Rest wood shade</string>

<string name="hello_world">쉴만한 나무 그늘!</string>
<string name="wood">햇살이 뜨거운 여름날에 커다란 나무 그늘
아래에서 쉴 수 있다면 참 행복하겠지요. 쉴만한 나무 그늘 같은
사람이 있습니다. 그런 사람이 그립고 그런 사람이고 싶습니다^^
</string>
<string name="action_settings">Settings</string>
</resources>

구현된 모습은 다음과 같습니다.



* 파일 이름을 정할 때, 안드로이드 스튜디오에선 옆줄(대쉬)은 인식 못합니다. 밑줄(언더바)를 사용하여야 합니다. 영어를 입력할 경우, 예를 들어 boy's play와 같은 경우, 아포스트로피(생략 또는 소유격에 사용) 기호를 표현하려면 역슬레시(\)를 앞에 넣어주어야 합니다. boy\'s play.*

저작자 표시 비영리
신고

첫 화면에 단추 하나 보이게 합니다.
이 단추를 누르면 글자가 보입니다.

안드로이드 스튜디오에서 프로젝트 이름을 MyCheese로 하고 Blank Activity를 선택합니다. Activity 이름은 Bread Love로 합니다.

Project 창에서 activity_bread_love.xml 파일 더블클릭 후 아래쪽에서 Text 탭을 클릭합니다. TextView 태그에 다음과 같이 속성을 바꾸어 줍니다.
android:text="@string/answer"

TextView 글상자에 적힐 글자를 strings.xml에서 가져오겠다는 겁니다.
value 폴더 밑에 있는 strings.xml 파일에서 이름이 Hello world인 string 태그를 다음과 같이 바꾸어 줍니다.
<string name="answer">원망만 하지 말고\n빨리 다른 곳에 가서 떡을 구해보자!</string>

\n은 줄 바꿈 기호입니다.

이제 단추를 화면 상단 가운데에 배치합니다. 아래쪽 탭에서 Design 모드로 바꾸고 Palette 창에서 Button을 드래그 하여 화면 상단 가운데 위치시킵니다. 글상자도 드래그 하여 단추 아래쪽에 배치합니다.

단추에 표시할 글자도 글상자처럼 합니다.
android:text="@string/question"
<string name="question">누가 내 떡을\n 가져가 버렸나?</string>

다음으로 글상자가 처음엔 안 보이도록 해 놓습니다.
글상자 태그에 다음을 추가합니다.
android:visibility="invisible"

이제 단추를 누르면 안 보이던 글상자가 보이게 합니다.
먼저 단추에 onClick 액션 속성을 부여합니다.
android:onClick="onLoveBreadButtonClicked"

여기서 onLoveBreadButtonClicked는 아직 만들지 않은 자바 메소드입니다. 즉 자바에서 액션을 해줄 함수입니다. BreadLove.java 파일에 다음과 같이 코딩합니다. 아래 내용을 직접 타이핑 해 보세요. 추천 명령어들을 보여 주는데 이때 선택된 명령어를 엔터로 입력할 수 있고, 이렇게 하면 관련 클래스도 import시켜 줍니다. 또 선택한 명령어 다음에 점을 찍고 싶으면 Ctrl+.을 해 줍니다.

public void onLoveBreadButtonClicked(View view){
        TextView textView = (TextView) findViewById(R.id.answerTextView);
        textView.setVisibility(View.VISIBLE);
    }
   
자바에 단추를 누르면 글상자를 보여주는 메소드를 작성한 것입니다. 글상자의 id는 아직 지정해 주지 않았습니다. 글상자를 id로 가져와 상수로 만들고(캐스팅) 이를 textView 객체에 전달합니다. 그런 후 이 객체가 보이게 합니다. 아직 지정해 주지 않은 글상자 id는 다음과 같이 지정해 줍니다.
android:id="@+id/answerTextView"

실행 결과는 다음과 같습니다.

#단추만 보입니다


# 단추 누른 후 모습

저작자 표시 비영리
신고

미니 보드를 작동시키는 프로그래밍 언어 아두이노(Arduino) IDE 설치


아두이노 보드와 통합 개발 도구로 경보기, 온도계, 습도계, 사진기 등을 만들 수 있고, 집안의 조명을 스마트폰으로 키거나 끌 수 있으며, 욕조물이 넘치면 알려 주는 센서 등을 만들 수 있으며, 움직이는 여러 도구와 로봇 등으로 만들 수 있습니다. 말하는 인형, 스마트폰과 연계된 시계 등도 만듭니다. 스마트폰으로 제어하려면 안드로이드 프로그래밍을 해야 합니다.


아두이노(Arduino)는 오픈소스를 기반으로 한 단일 보드 마이크로컨트롤러로 완성 된 보드(상품)와 관련 개발 도구 및 환경을 말합니다.

아두이노는 다수의 스위치나 센서로부터 값을 받아들여, LED나 모터와 같은 외부 전자 장치들을 통제함으로써 환경과 상호작용이 가능한 물건을 만들어낼 수 있습니다. 임베디드 시스템 중의 하나로 쉽게 개발할 수 있는 환경을 이용하여, 장치를 제어할 수 있습니다.
소프트웨어 개발을 위한 통합 환경(IDE)을 제공합니다.또한 어도비 플래시, 프로세싱, Max/MSP와 같은 소프트웨어를 연동할 수 있습니다.


프로세싱을 사용하여 쉽게 코딩 할 수 있다. 프로세싱은 아두이노 개발환경과 별개로 PC에서 동작하며, 아두이노에서 COM포트로 통신을 하고 이 데이터를 화면 등에 처리하여 보여 줄 수 있습니다. 그래픽 처리를 할 수 있는 함수도 제공합니다. 프로세싱에서 안드로이드 모드로 변경하면 안드로이드에서 처리할 수도 있습니다.

소프트웨어 개발에 생소한 사용자들도 쉽게 프로그래밍 할 수 있도록 설계되어 있습니다. 이러한 아두이노 IDE를 통해 작성된 프로그램이나 코드를 "스케치(Sketch)"라고 부릅니다.


아두이노 UNO 보드를 주로 사용합니다. '입문자를 위한 아두이노 우노 종결 키트 (Arduino Ultimate Kit for Beginners) [아두이노 키트]'(http://www.mechasolution.com/shop/goods/goods_view.php?goodsno=1374&category=)와 같은 제품을 구입하시면 실습에 무리가 없습니다.


아두이노 통합 개발 도구(IDE, 소프트웨어, 프로그래밍 제작 도구)는 우분투 소프트웨어 센터에서 'arduino'로 검색 후 설치합니다.



*

저작자 표시 비영리
신고
1 2 3 4 ··· 86 
BLOG main image
감조이의 생각하는 컴퓨터

by 감조이

공지사항

카테고리

분류 전체보기 (257)
컴퓨터공부 (108)
리눅스(우분투) (28)
프로그래밍 (65)
일상 (13)
책을 읽으며 (2)
음악 (5)
영어공부 (11)
엔터테인먼트 (21)
실습자료 (1)

달력

«   2017/08   »
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    
tistory!get rss Tistory Tistory 가입하기!

티스토리 툴바