AndroidBootstrap 사용(1)

test

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.addFontAwesomeIcon( "fa_check-square" ).addText( "확인" ).build();  
bootstrapButton.setBootstrapText(bootstrapText);  
  • 아이콘 스트링은 여기서 http://fontawesome.io/cheatsheet/ 검색해서 찾아보시길….

  • layout의 xml에서 텍스트와 font awesome icon을 설정하는 방법
    Java로 설정하는 방법보다는 직관적이다.

< com.beardedhen.androidbootstrap.BootstrapButton  
                    android : 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는 디자이너가 없는 팀에게는 매우 고마운 라이브러리라 생각하기 때문에 잘 사용 나갈 수 있으면 좋겠습니다.

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다