這15個(gè)Android開(kāi)源庫(kù)，就是你公司老司機(jī)舍不得告訴你的

作者：依然范特稀西
鏈接：https://juejin.im/post/6856637313964441614

又到了大家最喜歡了的環(huán)節(jié)--開(kāi)源庫(kù)推薦，前面為大家推薦了我收藏的一些非?？岬拈_(kāi)源庫(kù)，受到大家一致好評(píng)，還沒(méi)看過(guò)的，請(qǐng)移步至：

【Android珍藏】推薦10個(gè)炫酷的開(kāi)源庫(kù)

【開(kāi)源推薦】進(jìn)階實(shí)戰(zhàn)，從一款音樂(lè)播放器開(kāi)始

【2020年GitHub 上那些優(yōu)秀Android開(kāi)源庫(kù)，這里是Top10！】

本期又為大家?guī)?lái)了哪些有趣的庫(kù)呢？本期為大家精選了15個(gè)有趣又有用的開(kāi)源，排名不分先后，一起來(lái)看看吧！

1. Coil

Coil是Android上的一個(gè)全新的圖片加載框架，它的全名叫做 coroutine image loader,即協(xié)程圖片加載庫(kù)。與傳統(tǒng)的圖片加載庫(kù)Glide，Picasso或Fresco等相比。該具有輕量（只有大約1500個(gè)方法）、快、易于使用、更現(xiàn)代的API等優(yōu)勢(shì)。

它支持GIF和SVG，并且可以執(zhí)行四個(gè)默認(rèn)轉(zhuǎn)換：模糊，圓形裁剪，灰度和圓角。

示例如下：

imageView.load(“https://www.example.com/image.jpg") {
 crossfade(true)
 placeholder(R.drawable.image)
 transformations(CircleCropTransformation())
}
復(fù)制代碼

并且是全用Kotlin編寫(xiě)，如果你是純Kotlin項(xiàng)目的話，那么這個(gè)庫(kù)應(yīng)該是你的首選。

Github地址：github.com/coil-kt/coi…

2. MultiSearchView

該庫(kù)具有一個(gè)非?？岬?code>Search View 動(dòng)畫(huà)！

使用非常簡(jiǎn)單，并且可以自定義，你可以在在styles.xml下添加自定義樣式。

示例代碼：

<com.iammert.library.ui.multisearchviewlib.MultiSearchView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>     
復(fù)制代碼

multiSearchView.setSearchViewListener(object : MultiSearchView.MultiSearchViewListener{
    override fun onItemSelected(index: Int, s: CharSequence) {
    }

    override fun onTextChanged(index: Int, s: CharSequence) {
    }

    override fun onSearchComplete(index: Int, s: CharSequence) {
    }

    override fun onSearchItemRemoved(index: Int) {
    }

})
復(fù)制代碼

自定義樣式：

  <!-- Search Text Style. -->
    <style name="SearchTextStyle">
        <!-- Custom values write to here for SearchEditText. -->
        <item name="android:focusable">true</item>
        <item name="android:focusableInTouchMode">true</item>
        <item name="android:enabled">true</item>
        <item name="android:hint">Search</item>
        <item name="android:imeOptions">actionSearch</item>
        <item name="android:textSize">18sp</item>
        <item name="android:maxLength">15</item>
        <item name="android:inputType">textCapSentences</item>
        <item name="android:textColorHint">#80999999</item>
        <item name="android:textColor">#000</item>
    </style>
復(fù)制代碼

然后，您應(yīng)該將樣式設(shè)置為MultiSearchView下的app：searchTextStyle。

Github地址：github.com/iammert/Mul…

3. CalendarView

CalendarView是一個(gè)高度可定制化的日歷組件庫(kù)，用recycleView實(shí)現(xiàn)。

它有如下特性：

  • 單一或范圍選擇
  • 周歷或者月歷模式
  • 邊界日期
  • 自定義日歷視圖
  • 水平或者垂直滾動(dòng)模式
  • 完全可定制的視圖

該庫(kù)的文檔也非常全面，并包含許多示例。此外，還有一個(gè)示例應(yīng)用程序展示了庫(kù)的所有功能。

它是用純Kotlin編寫(xiě)的，并在MIT許可下發(fā)布。如果您需要在應(yīng)用程序中使用日歷視圖，這是一個(gè)不錯(cuò)的選擇。

注意：該庫(kù)通過(guò)Java 8+ API使用了java.time類，以便向后兼容，因?yàn)檫@些類是在Java 8中添加的。

因此，需要在app的build.gradle 中添加如下配置：

android {
  defaultConfig {
    // Required ONLY when setting minSdkVersion to 20 or lower
    multiDexEnabled true
  }

  compileOptions {
    // Flag to enable support for the new language APIs
    coreLibraryDesugaringEnabled true
    // Sets Java compatibility to Java 8
    sourceCompatibility JavaVersion.VERSION_1_8
    targetCompatibility JavaVersion.VERSION_1_8
  }
}

dependencies {
  coreLibraryDesugaring 'com.android.tools:desugar_jdk_libs:<latest-version>'
}
復(fù)制代碼

Github: github.com/kizitonwose…

4. Bubble Navigation

Bubble Navigation是一個(gè)輕巧的庫(kù)，可通過(guò)大量自定義選項(xiàng)輕松制作精美的導(dǎo)航欄。

它有很多非常的特性：

  • 針對(duì)不同用例的兩種類型的NavigationViews：

    • BubbleNavigationConstraintView（支持spreadspread，inside, 和 packed莫斯）

    • BubbleNavigationLinearView（允許平均分配，使用權(quán)重或packed模式）

  • 高度可定制化

  • 您可以添加小紅點(diǎn)，它具有BubbleToggleView來(lái)創(chuàng)建新的UI組件，而不僅僅是導(dǎo)航

示例：

<com.gauravk.bubblenavigation.BubbleNavigationConstraintView
        android:id="@+id/top_navigation_constraint"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="380dp"
        android:background="@color/white"
        android:elevation="4dp"
        android:padding="12dp"
        app:bnc_mode="spread">

        <com.gauravk.bubblenavigation.BubbleToggleView
            android:id="@+id/c_item_rest"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:bt_active="true"
            app:bt_colorActive="@color/search_active"
            app:bt_colorInactive="@color/search_inactive"
            app:bt_icon="@drawable/ic_restaurant"
            app:bt_shape="@drawable/transition_background_drawable_restaurant"
            app:bt_title="@string/restaurant"
            app:bt_padding="@dimen/internal_padding"
            app:bt_titlePadding="@dimen/title_padding" />

         <!-- Add more child items here - max upto 5 -->

    </com.gauravk.bubblenavigation.BubbleNavigationConstraintView>
復(fù)制代碼

Github文檔很完善，有很多示例，更多用法和屬性可去Github了解。

Github:github.com/gauravk95/b…

5. FabFilter

這是一個(gè)有趣的項(xiàng)目，它不是一個(gè)直接可用的庫(kù)，而是一個(gè)示例應(yīng)用程序，展示了使用和不使用 MotionLayout兩種方式來(lái)實(shí)現(xiàn)的高級(jí)UI動(dòng)畫(huà)。

詳細(xì)的實(shí)現(xiàn)細(xì)節(jié)可以看看Medium上的系列文章：

“Complex UI/Animations on Android”

“Complex UI/Animations on Android — featuring MotionLayout”

Github:github.com/nikhilpanju…

6.android-showcase

android-showcase是一個(gè)非常優(yōu)秀的開(kāi)源項(xiàng)目，它是一個(gè)展示應(yīng)用程序，展示了如何使用Kotlin和最新的Jetpack 技術(shù)棧來(lái)開(kāi)發(fā)一個(gè)APP。

該項(xiàng)目為您帶來(lái)了一系列最佳實(shí)踐，工具和解決方案：

  • 100% Kotlin
  • 現(xiàn)代架構(gòu) (feature modules, clean architecture, Model-View-ViewModel, Model-View-Intent)
  • Android Jetpack組件
  • 單Activity模式，使用Navigation導(dǎo)航

看完這個(gè)項(xiàng)目，在模塊化，Clean體系結(jié)構(gòu)，測(cè)試、設(shè)置CI / CD工具，等方面，你將會(huì)受到啟發(fā)。感謝作者的開(kāi)源。

Github：github.com/igorwojda/a…

7. Croppy

Croppy是一個(gè)Android圖片裁剪庫(kù)。

它有很多強(qiáng)大的特性：

  • 雙指縮放
  • 裁剪任意大小
  • 按照長(zhǎng)寬比例裁剪
  • 顯示裁剪后的Bitmap
  • 自動(dòng)居中裁剪
  • 全面的動(dòng)畫(huà)使用體驗(yàn)

更多使用細(xì)節(jié)請(qǐng)看Github。

Github: github.com/lyrebirdstu…

8. RubberPicker

一個(gè)炫酷的、有趣的SeekBar動(dòng)畫(huà)庫(kù)。

RubberPicker庫(kù)包含RubberSeekBar和RubberRangePicker，其靈感來(lái)自Cuberto的iOS橡膠范圍選擇器。

使用示例：

布局文件中配置

<com.jem.rubberpicker.RubberSeekBar
  ...
  app:minValue="20"
  app:maxValue="80"
  app:elasticBehavior="cubic"
  app:dampingRatio="0.3"
  app:stiffness="300"
  app:stretchRange="24dp"
  app:defaultThumbRadius="16dp"
  app:normalTrackWidth="4dp"
  app:highlightTrackWidth="8dp"
  app:normalTrackColor="#AAAAAA"
  app:highlightTrackColor="#BA1F33"
  app:defaultThumbInsideColor="#FFF"
  app:highlightDefaultThumbOnTouchColor="#CD5D67"/>

<!-- Similar attributes can be applied for RubberRangePicker as well-->
<com.jem.rubberpicker.RubberRangePicker
  ...
  app:minValue="0"
  app:maxValue="100"
  app:elasticBehavior="linear"
  app:dampingRatio="0.4"
  app:stiffness="400"
  app:stretchRange="36dp"
  app:defaultThumbRadius="16dp"
  app:normalTrackWidth="4dp"
  app:highlightTrackWidth="8dp"
  app:normalTrackColor="#AAAAAA"
  app:highlightTrackColor="#BA1F33"
  app:defaultThumbInsideColor="#CFCD5D67"
  app:highlightDefaultThumbOnTouchColor="#CD5D67"/>
復(fù)制代碼

或者，在代碼中動(dòng)態(tài)配置：

val rubberSeekBar = RubberSeekBar(this)
rubberSeekBar.setMin(20)
rubberSeekBar.setMax(80)
rubberSeekBar.setElasticBehavior(ElasticBehavior.CUBIC)
rubberSeekBar.setDampingRatio(0.4F)
rubberSeekBar.setStiffness(1000F)
rubberSeekBar.setStretchRange(50f)
rubberSeekBar.setThumbRadius(32f)
rubberSeekBar.setNormalTrackWidth(2f)
rubberSeekBar.setHighlightTrackWidth(4f)
rubberSeekBar.setNormalTrackColor(Color.GRAY)
rubberSeekBar.setHighlightTrackColor(Color.BLUE)
rubberSeekBar.setHighlightThumbOnTouchColor(Color.CYAN)
rubberSeekBar.setDefaultThumbInsideColor(Color.WHITE)

val currentValue = rubberSeekBar.getCurrentValue()
rubberSeekBar.setCurrentValue(currentValue + 10)
rubberSeekBar.setOnRubberSeekBarChangeListener(object : RubberSeekBar.OnRubberSeekBarChangeListener {
    override fun onProgressChanged(seekBar: RubberSeekBar, value: Int, fromUser: Boolean) {}
    override fun onStartTrackingTouch(seekBar: RubberSeekBar) {}
    override fun onStopTrackingTouch(seekBar: RubberSeekBar) {}
})

//Similarly for RubberRangePicker
val rubberRangePicker = RubberRangePicker(this)
rubberRangePicker.setMin(20)
...
rubberRangePicker.setHighlightThumbOnTouchColor(Color.CYAN)

val startThumbValue = rubberRangePicker.getCurrentStartValue()
rubberRangePicker.setCurrentStartValue(startThumbValue + 10)
val endThumbValue = rubberRangePicker.getCurrentEndValue()
rubberRangePicker.setCurrentEndValue(endThumbValue + 10)
rubberRangePicker.setOnRubberRangePickerChangeListener(object: RubberRangePicker.OnRubberRangePickerChangeListener{
    override fun onProgressChanged(rangePicker: RubberRangePicker, startValue: Int, endValue: Int, fromUser: Boolean) {}
    override fun onStartTrackingTouch(rangePicker: RubberRangePicker, isStartThumb: Boolean) {}
    override fun onStopTrackingTouch(rangePicker: RubberRangePicker, isStartThumb: Boolean) {}
})
復(fù)制代碼

更多、更詳細(xì)的使用請(qǐng)看Github。

Github：github.com/Chrisvin/Ru…

9. Switcher

一個(gè)炫酷的Switcher 切換動(dòng)畫(huà)庫(kù)，真是的太可愛(ài)了，我前面也寫(xiě)過(guò)文章專門介紹過(guò)：

炫酷！從未見(jiàn)過(guò)如此Q彈的Switcher

它的靈感來(lái)自于 Dribble上Oleg Frolov 的設(shè)計(jì)。

Github: github.com/bitvale/Swi…

10. StfalconImageViewer

StfalconImageViewer是一個(gè)圖片查看庫(kù)， 該庫(kù)簡(jiǎn)單且可定制。它包含一個(gè)全屏圖像查看器，具有共享的圖像過(guò)渡支持，捏合縮放功能以及滑動(dòng)手勢(shì)來(lái)關(guān)閉手勢(shì)。

Github文檔說(shuō)明了如何使用每個(gè)功能。同樣值得注意的是：該庫(kù)與所有最受歡迎的圖像處理庫(kù)（例如Picasso，Glide等）兼容。

所有可配置項(xiàng)如下：

StfalconImageViewer.Builder<String>(this, images, ::loadImage)
            .withStartPosition(startPosition)
            .withBackgroundColor(color)
            //.withBackgroundColorResource(R.color.color)
            .withOverlayView(view)
            .withImagesMargin(R.dimen.margin)
            //.withImageMarginPixels(margin)
            .withContainerPadding(R.dimen.padding)
            //.withContainerPadding(R.dimen.paddingStart, R.dimen.paddingTop, R.dimen.paddingEnd, R.dimen.paddingBottom)
            //.withContainerPaddingPixels(padding)
            //.withContainerPaddingPixels(paddingStart, paddingTop, paddingEnd, paddingBottom)
            .withHiddenStatusBar(shouldHideStatusBar)
            .allowZooming(isZoomingAllowed)
            .allowSwipeToDismiss(isSwipeToDismissAllowed)
            .withTransitionFrom(targeImageView)
            .withImageChangeListener(::onImageChanged)
            .withDismissListener(::onViewerDismissed)
            .withDismissListener(::onViewerDismissed)
復(fù)制代碼

更詳細(xì)的使用請(qǐng)看Github。

Github: github.com/stfalcon-st…

11. Broccoli

Broccoli是一個(gè)show View Loading 庫(kù)，也就是我常說(shuō)的骨架屏，在內(nèi)容加載的時(shí)候，顯示一個(gè)占位符。

該庫(kù)帶有很平滑的動(dòng)畫(huà)效果，你可以配合RecyclerView一起使用，等待加載內(nèi)容時(shí)，再也不枯燥了。

示例：

Broccoli broccoli = new Broccoli();

//add the default style placeholder
broccoli.addPlaceholders('activity', 'view_id', 'view_id'); 

or 
//add the default style placeholder
broccoli.addPlaceholders('view1', 'view2', 'view3'); 

or 

//add the custom style placeholder
broccoli.addPlaceholder(new PlaceholderParameter.Builder()
                        .setView('view')
                        .setAnimation('scaleAnimation');
                        .setDrawable(DrawableUtils.createRectangleDrawable(placeHolderColor, 0))
                        .build()); 

or
//add the custom style placeholder with gradient animation
broccoli.addPlaceholder(new PlaceholderParameter.Builder()
                        .setView('view')
                        .setDrawable(new BroccoliGradientDrawable(Color.parseColor("#DDDDDD"),
                            Color.parseColor("#CCCCCC"), 0, 1000, new LinearInterpolator())
                        .build()); 
broccoli.show();
復(fù)制代碼

更多使用請(qǐng)看Github。

Github: github.com/samlss/Broc…

12. Orbit MVI

這是一個(gè)用于Kotlin和Android的Model-View-Intent （MVI）框架。它的靈感來(lái)自Jake Wharton，RxFeedback和Mosby的“Managing State with RxJava”。

根據(jù)ReadMe所說(shuō)：

Orbit在您的redux實(shí)現(xiàn)周圍提供了盡可能小的結(jié)構(gòu)，以使其易于使用，但您仍可以使用RxJava的強(qiáng)大功能。

redux系統(tǒng)可能如下所示：

data class State(val total: Int = 0)

data class AddAction(val number: Int)

sealed class SideEffect {
    data class Toast(val text: String) : SideEffect()
}

class CalculatorViewModel : OrbitViewModel<State, SideEffect> (State(), {

    perform("addition")
        .on<AddAction>()
        .sideEffect { post(SideEffect.Toast("Adding ${event.number}")) }
        .reduce {
            currentState.copy(currentState.total + event.number)
        }

    ...
})
復(fù)制代碼

activity / fragment 中：

// Example of injection using koin, your DI system might differ
private val viewModel by viewModel<CalculatorViewModel>()

override fun onCreate() {
    ...
    addButton.setOnClickListener { viewModel.sendAction(AddAction) }
}

override fun onStart() {
    viewModel.connect(this, ::handleState, ::handleSideEffect)
}

private fun handleState(state: State) {
    ...
}

private fun handleSideEffect(sideEffect: SideEffect) {
    when (sideEffect) {
        is SideEffect.Toast -> toast(sideEffect.text)
    }
}
復(fù)制代碼

詳細(xì)使用請(qǐng)看Github。

Github: github.com/babylonheal…

13. IndicatorScrollView

該庫(kù)為NestedScrollView添加了邏輯，使它可以在滾動(dòng)時(shí)，更改對(duì)指示器進(jìn)行動(dòng)態(tài)響應(yīng)。

README文件包含開(kāi)始項(xiàng)目所需的所有信息，例如如何使用IndicatorScrollView，IndicatorView和IndicatorItem。目前,它的版本為1.0.2，是根據(jù)Apache 2.0許可發(fā)布的。它支持API 16及更高版本。

文檔示例很詳細(xì)，更多使用相關(guān)請(qǐng)看Github。

Github： github.com/skydoves/In…

14. Cyanea

Cyanea 是一個(gè)Android 主題引擎庫(kù)。

它允許那你動(dòng)態(tài)更換應(yīng)用主題，它內(nèi)置了很多主題如：

  • Theme.Cyanea.Dark
  • Theme.Cyanea.Dark.LightActionBar
  • Theme.Cyanea.Dark.NoActionBar
  • Theme.Cyanea.Light
  • Theme.Cyanea.Light.DarkActionBar
  • Theme.Cyanea.Light.NoActionBar

更多詳細(xì)信息請(qǐng)看Github。

Github: github.com/jaredrummle…

15. Android MotionLayout Carousel

這是一個(gè)示例項(xiàng)目，它展示了如何使用MotionLayout來(lái)實(shí)現(xiàn)一個(gè)炫酷的輪播圖。

文檔幾乎沒(méi)有任何說(shuō)明，但是如果你最近也在探索MotionLayout，這將是一個(gè)很好示例。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容