BootstrapText에 텍스트와 FontAwsomeIcon 모두를 설정하는 방법
-
소개
디자인너가 없는 엔지니어가 디자인을 쉽게 구현할 수 TwitterBootstrap하는 구조가 있는데요, Web 뿐이라고 생각했는데 Android에서도 사용하게 해주고 있습니다 . Android-Bootstrap 이번에는 전반적인 설명은 생략하겠습니다.
FontAwsome 아이콘과 텍스트를 동시에 설정하는 방법을 소개합니다. -
Java에서 텍스트와 font awesome icon을 설정
addFontAwesomeIcon/ addText 순서에 따라 아이콘 위치가 변경된다.
BootstrapText.Builder builder = new BootstrapText.Builder(activity, true );BootstrapText bootstrapText = builder;bootstrapButton;
-
아이콘 스트링은 여기서 http://fontawesome.io/cheatsheet/ 검색해서 찾아보시길….
-
layout의 xml에서 텍스트와 font awesome icon을 설정하는 방법
Java로 설정하는 방법보다는 직관적이다.
< com.beardedhen.androidbootstrap.BootstrapButtonandroid : layout_width = "wrap_content"android : layout_height = "wrap_content"app : bootstrapBrand = "secondary"app : bootstrapSize = "lg"app : bootstrapText = "{fa_file-image-o} File"app : buttonMode = "regular"app : roundedCorners = "true"app : showOutline = "false" />
이렇게 app : bootstrapText에 font-awsome을 지정하면서 텍스트를 지정하면됩니다.
-
결론
TwitterBootstrap는 디자이너가 없는 팀에게는 매우 고마운 라이브러리라 생각하기 때문에 잘 사용 나갈 수 있으면 좋겠습니다.