Android Bootstrap 다운로드 - Android Bootstrap 소스 코드 다운로드

Android-부트스트랩

Android Bootstrap은 Twitter Bootstrap 사양에 따라 스타일이 지정된 사용자 정의 보기를 제공하는 Android 라이브러리입니다. 이를 통해 특히 Bootstrap Framework에 이미 익숙한 경우 앱 전체에서 일관된 테마를 얻으려고 노력하는 대신 개발에 더 많은 시간을 투자할 수 있습니다.

빠른 시작

build.gradle에 다음 종속성을 추가하여 위 버튼의 'XXX'를 최신 버전으로 바꾸십시오.

 dependencies {
   compile 'com.beardedhen:androidbootstrap:{X.X.X}'
}

또한 다음을 사용하여 애플리케이션 클래스를 재정의해야 합니다.

 public class SampleApplication extends Application {
    @ Override public void onCreate () {
        super . onCreate ();
        TypefaceProvider . registerDefaultIconSets ();
    }
}

그런 다음 라이브러리를 체크아웃하고 대부분의 기능을 포함하는 샘플 코드를 조사해야 합니다. 샘플 앱은 Google Play에서도 사용할 수 있습니다.

지원하다

프로젝트 사용 방법에 대해 궁금한 점이 있으면 android-bootstrap-widgets 태그를 사용하여 StackOverflow에 질문하세요.

라이브러리에서 버그를 발견했다고 생각되면 대신 새 이슈를 생성해야 합니다.

Javadoc

프로젝트의 javadoc은 Github에서 호스팅됩니다.

예

부트스트랩버튼

Glyph 아이콘을 지원하고 Bootstrap 브랜드를 사용하여 테마를 지정할 수 있는 버튼입니다.

< com .beardedhen.androidbootstrap.BootstrapButton
 android : layout_width = " wrap_content "
 android : layout_height = " wrap_content "
 android : text = " BootstrapButton "
 app : bootstrapBrand = " success "
 app : bootstrapSize = " lg "
 app : buttonMode = " regular "
 app : showOutline = " false "
 app : roundedCorners = " true "
 />

###BootstrapButtonGroup BootstrapButton을 그룹화하고 해당 속성을 한꺼번에 제어할 수 있습니다.

< com .beardedhen.androidbootstrap.BootstrapButtonGroup
 android : layout_width = " wrap_content "
 android : layout_height = " wrap_content "
 android : text = " BootstrapButtonGroup "
 android : orientation = " vertical "
 app : bootstrapBrand = " success "
 app : bootstrapSize = " lg "
 app : roundedCorners = " true "
 >
 < com .beardedhen.androidbootstrap.BootstrapButton
    android : layout_width = " wrap_content "
    android : layout_height = " wrap_content "
    android : text = " BootstrapButton 1 "
    />
 < com .beardedhen.androidbootstrap.BootstrapButton
    android : layout_width = " wrap_content "
    android : layout_height = " wrap_content "
    android : text = " BootstrapButton 2 "
    />
</ com .beardedhen.androidbootstrap.BootstrapButtonGroup>

AwesomeTextView

문양 아이콘을 표시하고 부트스트랩 브랜드를 사용하여 테마를 지정할 수 있는 텍스트 위젯입니다.

< com .beardedhen.androidbootstrap.AwesomeTextView
 android : layout_width = " wrap_content "
 android : layout_height = " wrap_content "
 app : bootstrapBrand = " success "
 app : fontAwesomeIcon = " fa_android "
 />

###BootstrapProgressBar 0~100의 막대에 진행률을 표시하고 현재 진행률에 대한 업데이트를 애니메이션으로 표시합니다.

< com .beardedhen.androidbootstrap.BootstrapProgressBar
 android : layout_width = " wrap_content "
 android : layout_height = " wrap_content "
 app : animated = " true "
 app : bootstrapBrand = " warning "
 app : progress = " 78 "
 app : striped = " true "
 />

부트스트랩진행률바그룹

BootstrapProgressBars를 그룹화하여 누적 진행률 표시줄 효과를 갖도록 허용합니다.

     < com .beardedhen.androidbootstrap.BootstrapProgressBarGroup
         android : id = " @+id/example_progress_bar_group_round_group "
         android : layout_width = " match_parent "
         android : layout_height = " wrap_content "
         android : layout_gravity = " center_vertical "
         app : bootstrapSize = " md "
         app : bootstrapMaxProgress = " 100 " >

         < com .beardedhen.androidbootstrap.BootstrapProgressBar
             android : layout_width = " 0dp "
             android : layout_height = " wrap_content "
             app : bootstrapBrand = " success "
             app : bootstrapProgress = " 20 "
             />

         < com .beardedhen.androidbootstrap.BootstrapProgressBar
             android : layout_width = " 0dp "
             android : layout_height = " wrap_content "
             app : bootstrapBrand = " danger "
             app : bootstrapProgress = " 20 "
             />

         </ com .beardedhen.androidbootstrap.BootstrapProgressBarGroup>

###BootstrapLabel BootstrapButton과 유사한 위젯에 클릭할 수 없는 텍스트를 표시하며 H1-H6 요소를 사용하여 크기를 조정할 수 있습니다.

< com .beardedhen.androidbootstrap.BootstrapLabel
 android : layout_width = " wrap_content "
 android : layout_height = " wrap_content "
 app : bootstrapBrand = " primary "
 app : bootstrapHeading = " h3 "
 app : roundedCorners = " true "
 android : text = " Bootstrap Label "
 />

부트스트랩편집텍스트

BootstrapBrand를 사용하여 테마가 있는 위젯에서 텍스트를 편집할 수 있습니다.

< com .beardedhen.androidbootstrap.BootstrapEditText
 android : layout_width = " wrap_content "
 android : layout_height = " wrap_content "
 app : bootstrapSize = " md "
 app : bootstrapBrand = " info "
 />

###BootstrapCircleThumbnail BootstrapBrand를 주제로 중앙이 잘린 원형 보기로 이미지를 표시합니다.

< com .beardedhen.androidbootstrap.BootstrapCircleThumbnail
 android : layout_width = " wrap_content "
 android : layout_height = " wrap_content "
 android : src = " @drawable/my_drawable "
 app : bootstrapBrand = " danger "
 app : hasBorder = " true "
 />

부트스트랩썸네일

BootstrapBrand를 테마로 한 직사각형 보기에 이미지를 표시합니다.

< com .beardedhen.androidbootstrap.BootstrapThumbnail
 android : layout_width = " wrap_content "
 android : layout_height = " wrap_content "
 android : src = " @drawable/my_drawable "
 app : bootstrapBrand = " info "
 app : hasBorder = " true "
 />

###BootstrapWell 테마 컨테이너에 뷰를 표시합니다.

< com .beardedhen.androidbootstrap.BootstrapWell
        android : layout_width = " match_parent "
        android : layout_height = " wrap_content "
        android : layout_gravity = " center "
        android : layout_margin = " 8dp "
        app : bootstrapSize = " xl " >

        < TextView
            android : layout_width = " wrap_content "
            android : layout_height = " wrap_content "
            android : gravity = " right "
            android : text = " Look, I'm in a large well! "
            />
    </ com .beardedhen.androidbootstrap.BootstrapWell>

###BootstrapDropDown 문자열 배열로 제공되는 드롭다운 옵션이 있는 보기를 표시합니다.

< com .beardedhen.androidbootstrap.BootstrapDropDown
                android : layout_width = " wrap_content "
                android : layout_height = " wrap_content "
                android : layout_marginLeft = " 8dp "
                app : bootstrapText = " Medium {fa_thumbs_o_up} "
                app : bootstrapBrand = " regular "
                app : roundedCorners = " true "
                app : bootstrapSize = " md "
                app : dropdownResource = " @array/bootstrap_dropdown_example_data "
                app : bootstrapExpandDirection = " down " />

사용자 정의 스타일

BootstrapBrand를 구현하는 클래스를 생성하고 이를 뷰에 설정하여 이 라이브러리의 모든 뷰에 사용자 정의 스타일을 적용할 수 있습니다. 자세한 내용은 BootstrapButton의 샘플 코드를 참조하세요.

    class CustomBootstrapStyle implements BootstrapBrand {
        // specify desired colors here
    }

    BootstrapButton btn = new BootstrapButton ( context );
    btn . setBootstrapBrand ( new CustomBootstrapStyle ( this );