안드로이드 글씨 색깔 바꾸기 어플 간단히 만들기

프로그래밍|2013.12.20 06:00
안드로이드 글씨 색깔 바꾸기 어플 간단히 만들기



안드로이드에 관련해서 오랜만에 포스팅을 하네요. 포스팅을 안한지 정말 오래 된 것 같지만 이제부터 틈틈히 할 계획입니다. 프로그래밍 공부를 할 겸 옛날에 학교에서 배운 기억을 되살려서 초심으로 돌아간다고 생각을 하며 다시 안드로이드 프로그래밍을 해볼려고 합니다. 쉽지 않은 선택이네요.

제가 오늘 간단하게 만든 어플이 글씨 색깔을 바꾸는 어플입니다. 누구나 쉽게 만드실 수 있습니다. 버튼 클릭 시에 발생되는 이벤트에 글씨 색깔을 지정해주는 식으로 소스를 구성하였습니다.


레이아웃은 정말 간단하답니다. 일부러 복잡하게 하질 않고 초보자 분들이 이 걸 응용하실 수 있도록 생각을 하며 코딩을 하였습니다. 마음만 먹으면 누구나 금방 코딩을 한답니다.^^

소스를 공개를 해드리겠습니다.

 ※ 안드로이드 글씨 색깔 바꾸기 어플 간단히 만들기 연관글

안드로이드 이클립스를 통해 기기에 앱 설치할 때 오류 해결방법

안드로이드 TextView에 html 적용하기

안드로이드 스피너뷰 색상 입히기

안드로이드 인기 앱! 추천하는 앱은?


우선 java 소스입니다.

package com.example.testfont;
import android.os.Bundle;
import android.app.Activity;
import android.graphics.Color;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;
public class MainActivity extends Activity implements OnClickListener{
 TextView txt;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        txt = (TextView)findViewById(R.id.txt);
       
        Button btn_red, btn_blue, btn_green;
       
        btn_red = (Button)findViewById(R.id.btn_red);
        btn_blue = (Button)findViewById(R.id.btn_blue);
        btn_green = (Button)findViewById(R.id.btn_green);
       
        btn_red.setOnClickListener(this);
        btn_blue.setOnClickListener(this);
        btn_green.setOnClickListener(this);
    }
    @Override
    public void onClick(View v) {
     // TODO Auto-generated method stub
     switch(v.getId()) {
     case R.id.btn_red :
      txt.setTextColor(Color.RED);
      break;
     case R.id.btn_blue :
      txt.setTextColor(Color.BLUE);
      break;
     case R.id.btn_green :
      txt.setTextColor(Color.GREEN);
      break;
     }
    }
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
}

위의 onCreateOptionsMenu 이부분은 옵션메뉴를 나타내므로 따로 작성을 하지 않으셔도 됩니다. 레이아웃을 구성하는 xml도 소스를 공개를 해드리겠습니다.

<LinearLayout 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:orientation="vertical" >
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >
    </LinearLayout>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="글자색 바꾸기"
        android:textSize="30sp" />
   
    <View
        android:layout_width="fill_parent"
        android:layout_height="50dip"/>
    <TextView
        android:id="@+id/txt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="색이 바뀌어 지는 글씨"
        android:layout_gravity="center"/>
   
    <View
        android:layout_width="fill_parent"
        android:layout_height="50dip"/>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center" >
        <Button
            android:id="@+id/btn_red"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="빨강" />
        <Button
            android:id="@+id/btn_blue"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="파랑" />
        <Button
            android:id="@+id/btn_green"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="초록" />
    </LinearLayout>
</LinearLayout>

위의 xml 소스입니다. 버튼 3개 정도 있고, 텍스트뷰 2개 정도 있습니다. 버튼 각각 클릭 시에 텍스트뷰 하나 정도만 글씨가 바뀌게 됩니다. 파란색, 빨간색, 초록색 3가지 색깔로 버튼을 누르면 바뀌게 되어있습니다. 실제로 에뮬레이터 상에서 돌려보시면 간단할 거라고 예상이 드네요. 혹여 스마트폰에 직접 넣어보고 나의 스마트폰 상에서 동작을 시켜본다면 궁금하지 않나요?ㅎㅎ


testFont.zip



 
위의 소스는 제가 초심으로 돌아오는 마음에 다시 접해보네요. 원래 부터는 하고 있었지만 때로는 지치고 쉽지 않을 때도 있듯이 늘 언제나 초심의 마음으로 안드로이드를 접한다면 지칠 이유가 없을 것 같아요. 분명 즐겨해야 하는 한 가지네요. 소스를 그대로 따라하지 말고 다른 부분으로 응용을 해보는 것도 도움이 될 거에요^^ 행복한 하루되시길 바래요~

댓글()
  1. Favicon of http://life-lineup.tistory.com BlogIcon +요롱이+ 2013.12.20 09:11 신고 댓글주소  수정/삭제  댓글쓰기

    저에겐 다소 어려운 부분이지만 그래도 너무 잘 보고 갑니다^^

  2. Favicon of https://moimoihair.tistory.com BlogIcon MINi99 2013.12.20 10:11 신고 댓글주소  수정/삭제  댓글쓰기

    올려주신 소스를 보는 순간 갑자기 눈이 어지러워집니다 능력있으신분들은 한번 도전해보면 좋겠네요

  3. Favicon of https://datafile.tistory.com BlogIcon 신기한별 2013.12.20 10:51 신고 댓글주소  수정/삭제  댓글쓰기

    글씨 색깔 바꾸기어플 잘 보고 갑니다

  4. Favicon of http://stockm.tistory.com BlogIcon S매니저 2013.12.20 13:29 신고 댓글주소  수정/삭제  댓글쓰기

    좋은 정보감사해요^^
    오늘도 행복하시기를^^

  5. Favicon of https://qoongr.tistory.com BlogIcon 꿍알 2013.12.20 13:56 신고 댓글주소  수정/삭제  댓글쓰기

    좋은 정보 잘 보고 갑니다^^

  6. Favicon of https://cbdok.tistory.com BlogIcon 명태랑 짜오기 2013.12.20 14:25 신고 댓글주소  수정/삭제  댓글쓰기

    좋은 어플정보 잘 보고 갑니다.
    즐거운 금요일 되세요^^

  7. Favicon of http://aduyt.tistory.com BlogIcon 어듀이트 2013.12.20 15:17 신고 댓글주소  수정/삭제  댓글쓰기

    좋은 정보 잘 보고 갑니다`
    저도 해봐야겟어요.ㅎ

  8. Favicon of https://happy-box.tistory.com BlogIcon 건강정보 2013.12.20 15:22 신고 댓글주소  수정/삭제  댓글쓰기

    좋은 정보 잘 보고 갑니다^^

  9. Favicon of http://aryong.tistory.com BlogIcon 한곡하시죠 2013.12.20 17:13 신고 댓글주소  수정/삭제  댓글쓰기

    저도 한번 도전해봐야겟어요.ㅎ
    너무 잘 보고 갑니다~

  10. Favicon of https://hansik07.tistory.com BlogIcon Hansik's Drink 2013.12.20 19:48 신고 댓글주소  수정/삭제  댓글쓰기

    잘 알아 간답니다 ^^
    즐거운 하루를 보내세요~

  11. Favicon of https://hush-now.tistory.com BlogIcon 쭈니러스 2013.12.20 22:47 신고 댓글주소  수정/삭제  댓글쓰기

    핸드폰 글씨 색깔 이야기인가요??
    역시 코드를 잘 아시는 분들은 이런 능력도 발휘하시는군요^^
    잘 보고 갑니다~

  12. Favicon of https://gdlsg.tistory.com BlogIcon 도생 2013.12.20 22:54 신고 댓글주소  수정/삭제  댓글쓰기

    자기만의 스마트폰 개성을 나타내고 싶은 분들에게 아주 좋은 정보입니다.
    행복하세요^_^

  13. Favicon of https://song0583.tistory.com BlogIcon happy송 2013.12.20 23:39 신고 댓글주소  수정/삭제  댓글쓰기

    포스팅 잘보고 갑니다~^^

  14. Favicon of https://0063.tistory.com BlogIcon 카르페디엠^^* 2013.12.21 00:18 신고 댓글주소  수정/삭제  댓글쓰기

    오 요런 방법이 있군요.
    정말 유용한데요?^^

  15. Favicon of http://okol.tistory.com/ BlogIcon 일베충 2013.12.21 01:24 댓글주소  수정/삭제  댓글쓰기

    도전해 보고 싶네요 ^^

  16. Favicon of https://imjomg000000.tistory.com BlogIcon imjomg 2018.12.05 19:21 댓글주소  수정/삭제  댓글쓰기

    관리자의 승인을 기다리고 있는 댓글입니다