Android) 누구나 만들 수 있는 웹 어플리케이션 개발하기 4편 - 앱 UI 꾸미기

누구나 만들 수 있는 웹 어플리케이션 개발하기 4편

'앱 UI 꾸미기'

 

3편에서 WebView를 구현 해보았다.

---

이와 같이 만들었는데, 무언가 엉성하다.

 

우선, 위에 'SimilarMan' 이라고 적혀있는 액션바 부터 없애주자.

values 폴더 -> styles.xml -> DarkActionBar를

NoActionBar 로 고쳐주자.

 

그리고, @color/colorPrimaryDark 라고 적혀있는 왼쪽의 컬러마크를 클릭해서

자기가 원하는 색으로 바꿔준다.

그러면 이렇게 깔끔하게 디자인 되어진다.

---

이제 어플 이름을 바꾸어 보자.

 values 폴더 -> strings.xml

네모 부분에 자기가 원하는 앱 이름을 추가시켜준다.

 

이번엔 어플의 아이콘을 설정해주자.

나는 귀찮으니 간단하게 이미지 파일로 만들어보았다.

이것을 아이콘으로 설정할 것이다.

아이콘은 PNG 파일로 준비하자.

 

이 사진을 Ctrl + C 를 이용해 복사하고,

 

다시 안드로이드 스튜디오로 돌아와서

res -> drawable 폴더를 누른 후 Ctrl + V로 붙여넣기 하자.

그리고, manifest 폴더속 AndroidManifest 를 클릭하여

android:icon 부분과 android:roundIcon 부분을

자기가 drawable 폴더에 복사한 파일로 설정해주자.

 

나는 파일 이름을 appicon 으로 했기 때문에, @drawable/appicon 이라고 코딩한 것이다.

 

이까지 완료하면, 굉장히 대충 만들었지만

이렇게 직접 자신의 스마트폰에, 앱으로 설치해서 사용할 수 있게 되는 것이다.

 

이제 조금만 더 다듬어서, 플레이스토어에 직접 출시하면 모든 과정이 끝난다.

---

 

다음 5편에서는, 구글 Play 스토어에 내가만든 앱을 출시해보는 과정을

포스팅 하도록 하겠다.