美文网首页
各种UI效果收集

各种UI效果收集

作者: 大芒果er | 来源:发表于2017-12-15 15:14 被阅读187次

1.仿QQ旗袍拖拽

BGABadgeView


2.卡片式交互UI效果

卡片交互    SwipeableCard    MaterialList    卡片翻动特效


3.滤镜效果

滤镜效果


4.照片裁剪

灵活的照片裁剪    简单剪裁    SimpleCropView


5.轮播

多动画轮播    自动轮播    画廊轮播    BGABanner-Android    view pager灵敏滑动


6.系统图片库

仿微信系统图片库    马赛克效果图片展示    图片流动

自定义相册,实现了拍照、图片选择(单选/多选)、 裁剪(单/多裁剪)、旋转、ImageLoader无绑定任由开发者选 择、功能可配置、主题样式可配置。GalleryFinal为你定制相册。


7.加载、进度动画

css库SpinKit实现的android加载库    酷炫加载动画    液体填加载效果    一个有贝塞尔曲线动画的加载提示框

materialish-progress    MaterialLoadingProgressBar    fit-chart    ElasticDownload    android-square-progressbar

AnimatedCircleLoadingView    CircularBarPager    WhorlView    AVLoadingIndicatorView    进度条

加载动画    loading


8.弹出框

常用的 ios 风格 dialog 和 meterial design 风格的 dialog    MaterialDialog    material-dialogs    PostOffice

PostOffice    L-Dialogs    AndroidViewHover    sweet-alert-dialog


9.操作指示器

指示器用来提示用户当前操作到了哪一步    步骤指示器


10.Android中的零部件(按钮,滑动按钮,选择按钮,拖动等等)

Material Design Android Library    FloatingActionButton    tickplusdrawable  FloatingActionButton    RapidFloatingActionButton    android-ui    MaterialSettings    SwitchButton  discreteSeekBar    material-range-bar    vector-compat    fab    角标贴纸    弹出搜索框ToggleButton    搜索历史    搜索历史角标贴纸    android-circlebutton    动态button    GBSlideBar    横向刻度滚动viewpager滑动点


11.点击查看详情效果

Material Witness Compat    Screenshot    PreLollipopTransition    Material-Animations

Slidr    Material Design


12.上拉加载以及下拉刷新

SwipyRefreshLayout    android-Ultra-Pull-To-Refresh    Phoenix    Taurus    Android-Ptr-Comparison

上拉下拉弹出其他页面    弹出其他页面    CircleRefreshLayout    WaveSwipeRefreshLayout

PullDownListView    DragTopLayout    ZrcListView    android-Ultra-Pull-To-Refresh    BGARefreshLayout-Android


13.时间、日期选择

material-calendarview    Android-PickerView    Android-Week-View    material-calendar-view

WeekCalendar


14.Spinner效果

BetterSpinner    DropDownMenu


15.edittext效果

MaterialEditText    MaterialTextField    方格输入密码 

验证码输入


16.水波纹效果

RippleEffect    RippleView    android-ripple-background    material-ripple    RevealLayout

ViewRevealAnimator


17.悬浮置顶效果

Android-ObservableScrollView    ViewPagerHeaderScrollDemo

MaterialTextScaleToolbarDemo(沉浸悬浮置顶效果)    philm    AlertDialogPro    

Android-ObservableScrollView    PinnedListView悬浮Head效果修改

MaterialViewPager    NotBoringActionBar    StikkyHeader


18.侧滑删除

AndroidSwipeLayout    SwipeMenuListView


19.最小化效果

DraggablePanel    


20.layout弹出效果

AndroidSweetSheet    FABRevealLayout


21.侧拉菜单

FlowingDrawer    flexbox-layout    NavigationDrawer-MaterialDesign    Side-Menu


22.图文混排

android-iconify    MixtureTextView


23.导航栏

PagerSlidingTabStrip    SmartTabLayout    导航栏高亮    FlycoTabLayout


24.标签

AwesomeText


25.字体编辑

RichEditor


26.item拖拽

DraggedViewPager    DragLinearLayout


27.卫星菜单

点击按钮弹出按钮    点击按钮弹出按钮


28.节选器

SegmentView    SHSegmentControl    android-segmentedradiobutton    android-segmented-control


27.模糊效果

BlurNavigationDrawer    裁剪,着色,模糊,滤镜等多种转换效果


28.引导库

Highlight


29.富文本插入

AnimRichEditor


30.动画

动画    activity切换动画效果    左右滑动返回    切换动画    动画交互库

模仿ExplosionField的粒子破碎效果


31.制表

WilliamChart    MPAndroidChart    XCL-Charts


32.画板功能

DrawableView


#开源项目、库

开源库    

相机app(滤镜、贴纸、剪裁、编辑)


先到这里吧,一下午整理的,休息休息,持续更新。。。

相关文章

  • 各种UI效果收集

    1.仿QQ旗袍拖拽 BGABadgeView 2.卡片式交互UI效果 卡片交互SwipeableCardMater...

  • iOS UI效果收集

    Welcome UIKit Menu Alert PullToRefresh HUD Color TableVie...

  • 待总结:UI效果收集

    以下内容为网络收集的各种UI效果实现Demo。 1.左右交错的时间轴 https://github.com/viv...

  • 面试官都有病吧?

    Android程序员的心声。我们做Android的。要学习各种UI组件的定义。学习各种效果的实现。UI优化。数据库...

  • 产品经理的几种图表

    思维导图 记录、收集发散性思维 结构化整理思路 UI原型 设计界面视觉效果、交互效果 分配、整理功能分布 流程图、...

  • iOS UI三板斧圆角加阴影

    想必在日常的开发中大家都能遇到UI各种圆角加阴影的设计添加圆角效果: 添加阴影效果: 需要圆角+阴影效果则不能满足...

  • Android自定义TextView简单背景图,省去在drawa

    思考:UI效果图总是喜欢给出各种背景,来突出效果eg:线条样式(线条角度,颜色,宽度) 常规的实现方法,我们会采取...

  • 已阅读文章整理【UI篇】

    (1~10共十篇) 1. 那些年收藏的Android开源库集合(控件) 文章收集了很多很多的UI效果和很好的控件...

  • 各种坑收集

    日常使用各种东西,总免不了坑,专门开篇文章记录一下,以后需要再专门整理分类 1、nginx配置不生效问题 用yum...

  • 无人机相关概念UI界面收集

    无人机相关概念UI界面收集

网友评论

      本文标题:各种UI效果收集

      本文链接:https://www.haomeiwen.com/subject/kagrwxtx.html