코틀린 - 카메라 필터 앱 만들기 - 8 (UI 디자인)

UI 디자인을 해야하는데, 막상 일일히 그리려하니 초라해서 검색해봤다.

figma 라는 디자인 프로그램이 유명하다더라..

그래서 회원가입하고 Free로 project 만들고 Android UI를 가져왔다.

 

오 좀 이쁜데? 하고 쓸려고했더니 쓰는법을 모르겠는거임..

그래서 찾아봄. 찾아보니 figma 내부에 plugin으로 안드로이드 vector drawable 이라는 친구를 추가하라는거임

그래서 추가하고 각 객체들을 일일히 따왔다..

 

굉장히 많아졌고 현재 디자인중인데 이거 색깔이 왜이러지 ㅋㅋ

 

그래서 또 검색했고 해결함 ㅎㅎ

 

이제 좀 카메라 앱 같다 ㅇㅈ?

 

이후 OpenCV 적용하고 버튼에 click 이벤트 적용했다.

카메라 전환이랑 CannyFilter만 넣었음. 

 

촬영사진은 작게 나온다.

 

화면또한 작다 ㅋㅋ

 

Canny Edge Dectector 또한 잘됨

저장된사진

 

카메라 크기는 이거 다시 참고해보면 좋을것 같다.

https://brunch.co.kr/@mystoryg/77

 

일단 오늘은 여기까지.

영상처리 활용이랑 코틀린을 이용한 개발을 위해 2주간 쏟아부었는데.  이제 다른거 뭐할지 생각해야겠다.

 

 

참고

1. opencv setting(링크)

2. 보라색 Button색상 변경(링크)

3. 버튼 커스터마이징(링크)

4. openCV 사진 캡쳐 후 저장 (링크)

5. 안드로이드 Layout 간격(링크, 링크2)

6. 클릭이벤트 (링크)

7. vector asset 활용(링크)

8. figma 추천(링크)