게시판 즐겨찾기
편집
드래그 앤 드롭으로
즐겨찾기 아이콘 위치 수정이 가능합니다.
[본삭가능] Android에서 우측 상단 숫자 아이콘 들어간 버튼
게시물ID : programmer_8178짧은주소 복사하기
작성자 : 키리사키치토게
추천 : 5
조회수 : 1573회
댓글수 : 4개
등록시간 : 2015/02/13 22:53:06
이번 회사 프로젝트에서 써야하는데 찾아봐도 없네여!?

어떻게해야함?!?!














까지만 썼으면 분명 반대먹고 보류를 갔을테니

눈치껏 직접 만들어 보도록 합미다


우측 상단에 숫자가 삽입 된 동그란 아이콘이 들어간 버튼
-> 이하 AlertableButton으로 명명

개발 이유 -> 없으니까 내가 만든다 (적어도 내 구글링 실력으론 못 찾았음.. 지금부터 만들기로 한 이상 없을거야.. 없어야돼)
개발 방향 -> 만들때 귀찮더라도 쓰기 쉽게.. 는 배부른 소리고 당장 목적으로 하는 데에서 편하게 쓸 수 있게
개발 기간 -> 지금부터 만들건데 얼마나 걸릴지는 모르겠다
개발 환경
Windows 8.1 (x64)
IntelliJ IDEA 14.0.2
JDK 1.8

개발될 AlertableButton 이 갖추게 될 구조 몇 가지
(1) 레이아웃 { 버튼, {뷰 <- Canvas에 draw} }
(2) 버튼 <- Canvas에 draw

퍼포먼스 면에서 2번이 낫긴 한데 만들어보기도 전에 똥을 쌀 것임을 짐작. 깔끔하게 포기하고 1번으로 가기로 함

지금부터 오유 켜놓고 코딩 시작 (2월 13일 19시 22분)

Cap 2015-02-13 20-03-52-236.png
Cap 2015-02-13 20-05-52-930.png

여기까진 그냥 애플리케이션 모듈이랑 기본 액티비티 생성하는 과정임

이클립스땐 앱 하나가 프로젝트 단위였는데 인텔리J에선 모듈이라 불러서 헤맸던 기억이.. 후

Cap 2015-02-13 20-07-06-262.png
Cap 2015-02-13 20-20-20-648.png

오늘 만들 목적인 버튼 클래스 만들어주고

Cap 2015-02-13 20-21-11-166.png

Alertable이라는 인터페이스 만들어 줍미다

Cap 2015-02-13 20-21-54-082.png
Cap 2015-02-13 20-22-33-819.png

Alertable 상속받고 메서드 오버라이드 해줍미다

Cap 2015-02-13 20-23-46-420.png

그리고 버튼 위에 올라갈 오늘의 주인공 "숫자 아이콘을 그려줄 뷰 클래스"를 만들어줍미다

Cap 2015-02-13 20-28-55-093.png

만들어놓고 버튼에만 쓰긴 좀 그러니 추상화를 합미다

Cap 2015-02-13 20-34-14-015.png

ViewContainer 이라는 인터페이스를 만들어 줍미다

Cap 2015-02-13 20-35-53-418.png
Cap 2015-02-13 20-37-19-169.png
Cap 2015-02-13 20-40-21-840.png
Cap 2015-02-13 20-40-39-374.png

.. 잠깐? 어?

Cap 2015-02-13 20-43-31-995.png

맨 위에서 레이아웃 안에 넣어 쓴대놓고 여태 버튼 상속시켜 쓰고 있었음
누구임 이거 짠 놈 완전 멍청하네

Cap 2015-02-13 20-57-06-379.png

해상도를 맞추기 위해 유틸 하나 만듭미다

Cap 2015-02-13 21-02-52-119.png

.. 짠?

사실 한 2년 전부터 만들어놓고 두고두고 갖다 쓰고있는 클래스라능
W는 기준 width.. 그러니까 디자인 가이드 같은거에 명시된 픽셀이 720p 기준이면 W는 720, 1080p 기준이면 1080으로 바꿔서 씁미다
float인 이유는 곱하고 나누는 작업 하다가 뒷자리가 막 짤려서 소숫점까지 남겨놨음

Cap 2015-02-13 21-04-30-204.png
Cap 2015-02-13 21-10-02-029.png

숫자 그려주는 녀석 사이즈를 static 글로벌 상수로 정해놓고 가져다 씁미다

Cap 2015-02-13 21-14-58-969.png
Cap 2015-02-13 21-18-49-240.png

그리는 좌표.. 계산 안하고 대충 때려넣고 나중에 일일이 그리면서 맞춰보기로

Cap 2015-02-13 21-25-43-953.png

ViewContainer 인터페이스 안에 정의된 OnChildClickListener 인터페이스를 글로벌 변수로 뽑아놓고

child녀석의 OnClickListener 이벤트를 받았을 때 이게 널이 아니면 동작시키는 방법으로 갑미다

Cap 2015-02-13 21-28-31-002.png

치토게 여신님♥

위에서 죽어라 만든건 추상클래스라서 인스턴스 생성이 불가능하니
그 녀석을 상속받은 클래스를 재정의 해줍미다

Cap 2015-02-13 21-34-24-176.png

.. 어?

Cap 2015-02-13 21-34-58-292.png

다시 AlertableButton으로 돌아가서 setOnChildClickListener 함수를 새로 하나 만들어줍미다

Cap 2015-02-13 21-36-38-227.png

btn에 childclicklistener를 정의해줍미다
누르면 숫자가 한개씩 늘어나는 구조!

후 이제 완성됐으니 실행해봅시다

Cap 2015-02-13 21-37-40-645.png

으어어어어어어?????

Cap 2015-02-13 22-27-20-933.png

.. 저처럼 프로젝트에 한글 경로가 있어서 에러가 나시는 분은
{intellij}\bin\idea.exe.vmoptions 를 열어서
-Dfile.encoding=UTF-8
이걸 추가해줍미다

그리고 위 스샷에 평소 자바 짜던 습관대로 람다식을 써버렸는데 하위호환 시키려면 1.6기준으로 람다식 다 빼야합미다
위 화면 이후로 한번 더 실행해봤는데 람다식 때문에 에러 빠바바박 올라왔음..

Screenshot_2015-02-13-21-53-40.png

과연 두근두근

Screenshot_2015-02-13-21-53-50.png

오오 완전 잘됨

Cap 2015-02-13 21-56-36-003.png

그럼 어레인지를 좀 해봅시다
alert 횟수가 10이 되면 치토게쨩 토스트가 나타나면서 횟수가 다시 0으로 되돌아가는 겁미다

Screenshot_2015-02-13-21-57-04.png

한번만 더 누르면

Screenshot_2015-02-13-21-57-15.png

대바끄 대바끄!


자가개발은 역시 즐겁다능!

여신 치토게님을 위한 업적을 하나 남겨서 기분이 좋군여!

크흠.. 어.. 이거 줏었는데 어디.. 맘에 들면 가져가던가!! -> 다운로드



p.s 오픈소스입미다! 라이센스 없어여! 가져가서 내가 짰다고 우겨도 됨!



그럼 여러분 즐코딩염!

자바나 안드로이드 질문같은거 올라오면 막 답변해줌
전체 추천리스트 보기
새로운 댓글이 없습니다.
새로운 댓글 확인하기
글쓰기
◀뒤로가기
PC버전
맨위로▲
공지 운영 자료창고 청소년보호