Android中好用的库

原文地址 www.jianshu.com

  1. 本库主要提供一个简单易用的自定义分段控件，方便快速实现分段效果，支持xml配置、代码配置、分段规则按均分/比例分、数字分段、文本分段、渐变分段、bar条样式正常/圆形/三角形，segment文字样式、进度设置、进度标记类型设置、分段描述设置、其它更多自定义设置等功能。
    https://github.com/zhou-you/EasySegmentedBarView
  2. 本库主要提供一个漂亮而强大的自定义SeekBar，进度变化由提示牌 (sign)展示,具有强大的属性设置，支持设置section(节点)、mark(标记)、track(轨迹)、thumb（拖动块）、progress(进度)、sign（提示框）等功能。
    https://github.com/zhou-you/EasySignSeekBar
  3. 简单易用强大的RecyclerView库，包括自定义刷新加载效果、极简通用的万能适配器Adapter、万能分割线、多种分组效果、常见状态页面、item动画效果、添加多个header和footer、侧滑、拖拽、Sticky（黏性）效果、多item布局等,各模块之间灵活、解耦、通用、又能相互组合使用。
    https://github.com/zhou-you/EasyXRecyclerView/tree/309b681726ce1f382d1a242d251cbc911d4112c4
  4. android仿支付宝首页的头部伸缩动画源码。
    http://www.apkbus.com/thread-600167-1-1.html
  5. 一款仿iOS的PickerView控件，有时间选择器和选项选择器
    http://www.apkbus.com/thread-600321-1-1.html
  6. Android侧栏A-Z的快速滑动搜索功能。
    http://www.apkbus.com/thread-599791-1-1.html
  7. 一个漂亮而强大的自定义view SeekBar。
    http://www.apkbus.com/thread-598080-1-1.html
  8. 一个把文字转化为路径动画然后展现出来的自定义控件。
    http://www.apkbus.com/thread-596498-1-1.html
  9. Android加载动画合集。
    http://www.apkbus.com/thread-592545-1-1.html
  10. Android开发人员不得不收集的工具类集合 | 支付宝支付 | 微信支付（统一下单） | 微信分享 | Zip4j压缩（支持分卷压缩与加密） | 一键集成UCrop选择圆形头像 | 一键集成二维码和条形码的扫描与生成 | 常用Dialog | WebView的封装可播放视频 | 仿斗鱼滑动验证码 | Toast封装 | 震动 | GPS | Location定位 | 图片缩放 | Exif 图片添加地理位置信息（经纬度） | 蛛网等级 | 颜色选择器 | ArcGis | VTPK | 编译运行一下说不定会找到惊喜。
    https://github.com/vondear/RxTool
  11. The most simple SwipeMenu in the history, 0 coupling, support any ViewGroup. Step integration swipe (delete) menu, high imitation QQ, iOS. 史上最简单侧滑菜单，0耦合，支持任意ViewGroup。一步集成侧滑(删除)菜单，高仿QQ、IOS。
    https://github.com/mcxtzhang/SwipeDelMenuLayout
  12. 缩略图到原图无缝过渡
    https://github.com/Hitomis/transferee
  13. android漂亮的加载效果
    http://www.apkbus.com/thread-276356-1-1.html
  14. 仿照iOS的滚轮控件
    https://github.com/weidongjian/androidWheelView

原文地址 www.jianshu.com

【Android珍藏】推荐10个炫酷的开源库

【开源推荐】进阶实战，从一款音乐播放器开始

【2020年GitHub 上那些优秀Android开源库，这里是Top10！】

1. Coil

image

Coil是Android上的一个全新的图片加载框架，它的全名叫做coroutine image loader,即协程图片加载库。与传统的图片加载库Glide，Picasso或Fresco等相比。该具有轻量（只有大约1500个方法）、快、易于使用、更现代的API等优势。

它支持GIF和SVG，并且可以执行四个默认转换：模糊，圆形裁剪，灰度和圆角。

示例如下：

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

并且是全用Kotlin编写，如果你是纯Kotlin项目的话，那么这个库应该是你的首选。

Github地址：https://github.com/coil-kt/coil

2. MultiSearchView

image

该库具有一个非常酷的Search View动画！

使用非常简单，并且可以自定义，你可以在在styles.xml下添加自定义样式。

示例代码：

<com.iammert.library.ui.multisearchviewlib.MultiSearchView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/> 

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) {
    }

})

自定义样式：

 <!-- Search Text Style. -->
    <style >
        <!-- Custom values write to here for SearchEditText. -->
        <item >true</item>
        <item >true</item>
        <item >true</item>
        <item >Search</item>
        <item >actionSearch</item>
        <item >18sp</item>
        <item >15</item>
        <item >textCapSentences</item>
        <item >#80999999</item>
        <item >#000</item>
    </style>

然后，您应该将样式设置为MultiSearchView下的app：searchTextStyle。

Github地址：https://github.com/iammert/MultiSearchView

3. CalendarView

image

CalendarView是一个高度可定制化的日历组件库，用recycleView实现。

它有如下特性：

  • 单一或范围选择
  • 周历或者月历模式
  • 边界日期
  • 自定义日历视图
  • 水平或者垂直滚动模式
  • 完全可定制的视图

该库的文档也非常全面，并包含许多示例。此外，还有一个示例应用程序展示了库的所有功能。

它是用纯Kotlin编写的，并在MIT许可下发布。如果您需要在应用程序中使用日历视图，这是一个不错的选择。

注意：该库通过Java 8+ API使用了java.time类，以便向后兼容，因为这些类是在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>'
}

Github: https://github.com/kizitonwose/CalendarView

4. Bubble Navigation

FloatingTopBarActivityTopBarActivity
image image
BottomBarActivityEqualBottomBarActivity
image image

Bubble Navigation是一个轻巧的库，可通过大量自定义选项轻松制作精美的导航栏。

它有很多非常的特性：

  • 针对不同用例的两种类型的NavigationViews：

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

    • BubbleNavigationLinearView（允许平均分配，使用权重或packed模式）

  • 高度可定制化

  • 您可以添加小红点，它具有BubbleToggleView来创建新的UI组件，而不仅仅是导航

示例：

<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>

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

Github:https://github.com/gauravk95/bubble-navigation

5. FabFilter

image

这是一个有趣的项目，它不是一个直接可用的库，而是一个示例应用程序，展示了使用和不使用 MotionLayout两种方式来实现的高级UI动画。

详细的实现细节可以看看Medium上的系列文章：

“Complex UI/Animations on Android”

“Complex UI/Animations on Android — featuring MotionLayout”

Github:https://github.com/nikhilpanju/FabFilter

6.android-showcase

image

android-showcase是一个非常优秀的开源项目，它是一个展示应用程序，展示了如何使用Kotlin和最新的Jetpack 技术栈来开发一个APP。

该项目为您带来了一系列最佳实践，工具和解决方案：

  • 100% Kotlin
  • 现代架构 (feature modules, clean architecture, Model-View-ViewModel, Model-View-Intent)
  • Android Jetpack组件
  • 单Activity模式，使用Navigation导航

看完这个项目，在模块化，Clean体系结构，测试、设置CI / CD工具，等方面，你将会受到启发。感谢作者的开源。

Github：https://github.com/igorwojda/android-showcase

7. Croppy

[图片上传失败...(image-cf4104-1596436309874)]

Croppy是一个Android图片裁剪库。

它有很多强大的特性：

  • 双指缩放
  • 裁剪任意大小
  • 按照长宽比例裁剪
  • 显示裁剪后的Bitmap
  • 自动居中裁剪
  • 全面的动画使用体验

更多使用细节请看Github。

Github: https://github.com/lyrebirdstudio/Croppy

8. RubberPicker

image

一个炫酷的、有趣的SeekBar动画库。

RubberPicker库包含RubberSeekBar和RubberRangePicker，其灵感来自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"/>

或者，在代码中动态配置：

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) {}
})

更多、更详细的使用请看Github。

Github：https://github.com/Chrisvin/RubberPicker

9. Switcher

image

一个炫酷的Switcher 切换动画库，真是的太可爱了，我前面也写过文章专门介绍过：

炫酷！从未见过如此Q弹的Switcher

它的灵感来自于 Dribble上Oleg Frolov的设计。

Github: https://github.com/bitvale/Switcher

10. StfalconImageViewer

image

StfalconImageViewer是一个图片查看库，
该库简单且可定制。它包含一个全屏图像查看器，具有共享的图像过渡支持，捏合缩放功能以及滑动手势来关闭手势。

Github文档说明了如何使用每个功能。同样值得注意的是：该库与所有最受欢迎的图像处理库（例如Picasso，Glide等）兼容。

所有可配置项如下：

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)

更详细的使用请看Github。

Github: https://github.com/stfalcon-studio/StfalconImageViewer

11. Broccoli

image

Broccoli是一个show View Loading 库，也就是我常说的骨架屏，在内容加载的时候，显示一个占位符。

该库带有很平滑的动画效果，你可以配合RecyclerView一起使用，等待加载内容时，再也不枯燥了。

示例：

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();

更多使用请看Github。

Github: https://github.com/samlss/Broccoli

12. Orbit MVI

image

这是一个用于Kotlin和Android的Model-View-Intent （MVI）框架。它的灵感来自Jake Wharton，RxFeedback和Mosby的“Managing State with RxJava”。

根据ReadMe所说：

Orbit在您的redux实现周围提供了尽可能小的结构，以使其易于使用，但您仍可以使用RxJava的强大功能。

redux系统可能如下所示：

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)
        }

    ...
})

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)
    }
}

详细使用请看Github。

Github: https://github.com/babylonhealth/orbit-mvi

13. IndicatorScrollView

IndicatorScrollViewIndicatorScrollView
image image

该库为NestedScrollView添加了逻辑，使它可以在滚动时，更改对指示器进行动态响应。

README文件包含开始项目所需的所有信息，例如如何使用IndicatorScrollView，IndicatorView和IndicatorItem。目前,它的版本为1.0.2，是根据Apache 2.0许可发布的。它支持API 16及更高版本。

文档示例很详细，更多使用相关请看Github。

Github： https://github.com/skydoves/IndicatorScrollView

14. Cyanea

image

Cyanea 是一个Android 主题引擎库。

它允许那你动态更换应用主题，它内置了很多主题如：

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

更多详细信息请看Github。

Github: https://github.com/jaredrummler/Cyanea

image

这是一个示例项目，它展示了如何使用MotionLayout来实现一个炫酷的轮播图。

文档几乎没有任何说明，但是如果你最近也在探索MotionLayout，这将是一个很好示例。

Github: https://github.com/faob-dev/MotionLayoutCarousel

posted @ 2023-04-26 15:05  cps666  阅读(93)  评论(0)  编辑  收藏  举报