精华内容
下载资源
问答
  • 2018-01-15 13:17:47

    做了一个酷炫的下拉刷新的控件

    在UI Movement上看到一个好看的下拉刷新的控件效果,想着把他实现了. 原地址在UI Movement 下面是我做出来的效果 老样子,首先进行效果分析 这是一个下拉刷新控件 下拉的过程中从顶部出现很多圆形小点,小点的半径和亮度(透明度)会发生变化,这个变化是和下拉程…

    【Android百大框架排行榜】

    4个月无聊时间,阅读了github上700个Android标签的框架。花费70个小时写的一篇笔记式文章.、很多错误之处,受时间与能力限制,没能及时修改,隐隐懊悔, 受读者启发,遂将此文公之于众,旨在号召大家共同编辑、共同参与,让此排行榜帮助更多的Android开发者。

    神奇的水滴效果导航栏-BezierIndicator

    自定义View实现一个酷炫的导航栏效果

    Android彻底组件化demo发布

    (本文提出的组件化方案已经开源,参见Android彻底组件化开源项目) 今年6月份开始,我开始负责对“得到app”的android代码进行组件化拆分,在动手之前我查阅了很多组件化或者模块化的文章,虽然有一些收获,但是很少有文章能够给出一个整体且有效的方案,大部分文章都只停留在组件…

    Android 仿 QQ 讨论组头像

    Android 仿 QQ 讨论组头像

    Android可伸缩布局-FlexboxLayout(支持RecyclerView集成)

    1 . 前言 前几天看到Google官方的博客介绍了Google开源的一个强大的布局-FlexboxLayout,看见第一眼我心里的想法是,卧槽,Android 居然有这么一个强大的布局。作为一个有好奇心的工程狮,当然第一时间就去试了试手,效果非常赞,因此这篇文章就介绍一下它的…

    Android开发人员不得不收集的工具类集合

    强烈推荐收藏!

    2017,你绝对想尝试的新 Android 库

    android 库学习

    通过一行代码与 ViewPager 搭建联系的进度指示控件

    只需一行代码,即可与 ViewPager 搭建联系,指示当前在 ViewPager 中的进度

    Android 滑动选择身高体重控件——RulerView

    HenCoder「仿写酷界面」活动——征稿 当初也是看到这里有感而写。。。

    McImage 插件解析 - 减少百分之 70 资源大小

    McImage 插件解析 - 减少百分之 70 资源大小

    字体随着ProgressBar的加载而滚动

    在网上翻阅了很多关于ProgressBar滚动效果,但是始终没有找到适合项目中的这种效果,故自己写篇博文,记录一下写作过程,给大家做一个参考。先看下最终效果效果图 这里写图片描述 我这里用的是LICEcap软件录制的gif图,效果有点掉帧,哪位仁兄有比较好的录制gif的软件烦请…

    高级UI特效之炫酷漂浮动画—一个能让View执行漂浮的库

    FloatingView-android能够让View执行漂亮的漂浮动画的库 一.使用 Step 1 在 build.gradle 文件中添加库依赖 dependencies { compile 'com.ufreedom.uikit:FloatingViewLib:1.0.2'…

    从未如此惊艳!你好,SuperTextView(v1.4)

    欢迎使用 SuperTextView,这篇文档将会向你展示如何使用这个控件来提高你构建项目的效率。

    PopupWindow 的封装,带给你不一样的体验

    PopupWindow 的封装,上手简单、用法简单

    一个强悍而优美的Android视频播放器

    最近项目中有需要用在线视频播放。之前有关于视频播放介绍了一些工具使用。如ijkplayer ,ExoPlayer,Vitamio,android-UniversalMusicPlayer. 想要了解更多请参考Androidstarjack的博客地址: http://blog.cs

    基于 Bilibili/ijkplayer 的视频播放器(Update)

    简介 因为最近项目有视频播放的需求,所以就有了这个项目。视频的编解码功能是由 Bilibili 开源的 ijkplayer 处理的,这个项目只是基于 UI 层面的上封装。 注意:这个项目部分代码参考于 GSYVideoPlayer。 更新 使用重新打包的 so 文件,支持更多的视…

    自定义支持复杂条目的公告轮播 View

    扩展 ViewFlipper 实现支持复杂条目的公告轮播 View

    Android开发者2017年最值得关注的25个库

    这是在2017年发布的25个最好的Android开发库的列表。所有这些都值得尝试 。 以下不是排名顺序。 让我们开始吧! 这个库能够解析 Adobe After Effects 并且把他们渲染到手机上。在Google应用市场上,也有相应的demo。这个库被超过7500githu…

    可能是目前轻量级弹幕控件中功能最强大的一款

    本项目是一个开源的弹幕控件库,能够支持多种样式弹幕,弹幕点击监听,弹幕分区域显示,自定义移动速度等功能,项目原理是通过自定义ViewGroup。可能是目前轻量级弹幕控件中功能最强大的一款了。 Github项目地址:https://github.com/hust201010701

    Android的毛玻璃模糊效果,我使用OpenCV来搞

    使用OpenCV给你不一样的毛玻璃模糊实现方式!!!

    Android 一起来看看知乎开源的图片选择库

    在实际开发中,图片选择器一直都是必不可少的一个部分,不管是 QQ 头像的设置,还是发送一条装逼的微信朋友圈,都要用到图片选择器来给用户选择他们想要上传的图片,最近知乎开源了一款图片选择库 Matisse 简直美哭了,而且完全遵循 Android 交互设计规范,实在是很良心。

    你的每个安卓项目都该用到的 19 个开源库

    著名的安卓开源项目作者 Amit Shekhar 在他的博客上总结了他认为每个安卓项目都应该用到的 19 个开源安卓库

    敲酷炫的 ViewPager 切换效果和弹性指示器。

    ViewPager 切换效果和 贝塞尔超 Q 指示器。

    GLide加载图片还能这样干——基于Glide4.0完美封装

    一个基于GLide加载图片的封装开源框架。可以监听加载图片时的进度 ,可以设置图片的圆角、边框。可加载成圆形。 来自孙福生一个开源框架。项目地址为:https://github.com/sfsheng032... 该库是基于Glide V4.0设计的,实…

    一些实用的开源炫酷框架—值得你去了解

    一、RecycleView的上啦刷新和下拉加载 效果图: RecycleView的上拉刷新和下拉加载 支持加载头布局文件: https://github.com/huxq17/XRe... 二、 CanRefresh可适配所有视图的下拉刷新上拉加载,并支持各种风格。 …

    Excited! 开源的网易云音乐移动客户端

    应该是目前完成度最高的第三方客户端,实现了歌单管理、歌曲下载、评论、搜索等功能。更重要的是,它是一个测试驱动的项目,260 多个测试,测试覆盖率达到了惊人的 99%。

    快速开发工具类收集

    快速开发工具类收集

    炫酷的悬浮操作栏-谷歌出品

    谷歌开源了一个非常炫酷的悬浮操作栏

    Android使用Path仿支付宝支付成功失败动画

    序言:最近空闲的时候一直在学习自定义View的相关知识,这也是LZ最近半年的学习对象,有的时候就是要给自己定下一个小目标,咱们没有王老板的先赚他一个亿这么豪气,也得先有个目标不是。逛博客的时候看到支付宝支付成功失败的动画效果,刚好最近在学习Path的相关知识,就想着实践一下,也…

    高仿微信6.5.7(融云版)

    一、简述 本项目由 CSDN_LQR 个人独立开发。 项目博客地址:高仿微信6.5.7(融云版) 项目源码地址: GitHub:https://github.com/GitLqr/LQR... 码云:https://git.oschina.net/CSDNL...

    更多相关内容
  • 封装react-native组件开源到npm

    千次阅读 2022-01-19 15:32:21
    做前端也有一段时间了,封装了大大小小很多的组件,至今自己都有点想不起来了有哪些了,但都是在项目代码里面。如果想跨项目使用,要用的时候需要一个个项目去翻找,还必须copy代码过去,着实头痛。 近期,恰逢公司...

    前奏

    做前端也有一段时间了,封装了大大小小很多的组件,至今自己都有点想不起来了有哪些了,但都是在项目代码里面。如果想跨项目使用,要用的时候需要一个个项目去翻找,还必须copy代码过去,着实头痛。

    近期,恰逢公司要求封装独立的组件系统供各个系统标准化调用。这才开始将现有组件逐一进行发布。当然,公司使用的内网,这里是我经过修改后,开源后方便自己之余以供大家参考。

    tips: 这里将采用第三方的插件(react-native-create-library)来进行快速集成(毕竟重复造轮子的事情,不是我们这些懒汉该有的勤勉)

    现将发布npm平台的流程、方法公布如下:

    一、全局安装react-native-create-library

    $ npm install -g react-native-create-library
    

    二、创建初始模板项目

    react-native-create-library --package-identifier com.kll.basiclayout --platforms android,ios basiclayout

    这里 com.kll.basiclayout是安卓模块的包名,basiclayout为创建的项目名,这里需要特别注意,不要写成 react-native-basiclayout(当然你写了 也没有问题,但是看起来会很丑),因为当你加了react-native时,react-native-create-library会帮你在创建项目名称的时候会自动添加react-native 前缀,如果你在创建模板的时候加了react-native的话,创建出来的项目将是react-native-react-native-basiclayout(当然你能接受我也没啥说的)。

    三、重命名项目名

    $ mv basiclayout react-native-basiclayout
    

    这里不要多说吧 ,各位看官应该都能看得懂!

    到此,项目模板算是建好了。接下来就是需要编写我们的组件代码了。

    四、编写组件代码

    编写组件代码前,我们来看一下此事的项目结构图

     如果我们封装的是一个需要调用安卓或ios原生的方法的组件,在安卓和ios中分别编写好方法(如果各位不具备原生开发的能力,可以查找教程进行学习,这里不过多说明),然后在index.js中调用,之后暴露出去即可。

    当然,如果是纯javescript组件,则可以删除android和ios文件夹。

    编写好的组件代码,export default Basiclayout暴露出去即可。

    五、代码上传到github

    git将本地已有项目,并推送到远端Git仓库操作,有以下几步操作:

    1. 创建本地项目,在项目根目录执行git init命令

    git init

    2. 在git服务器上创建一个仓库,这里使用GitHub创建一个仓库。

    例如这个git仓库   https://github.com/kanglang/react-native-basiclayout.git 

    3. 执行git remote add origin ,git path 可以在【Clone or download】中获取。

    git remote add origin  https://github.com/kanglang/react-native-basiclayout.git  

    4.git remote -v  查看远程关联的仓库地址

    如果第3步关联错误,先 git remote rm origin 取消关联,在重复第3步

    5. 从远程分支拉取master分支并与本地master分支合并(如果远程仓库无任务文件,省略此步)

    git pull origin master:master

    6. 提交本地分支到远程分支

    git add -A

    git commit -m '初始化git项目'

    首次提交 git push -u origin master

    往后 git push origin master

    以上6步做完,代码已成功提交git 仓库

    六、发布前准备

    这里必须要强调下,淘宝镜像是不能调用npm的api的,所以先得切换到npm 的镜像

    npm config get registry # 查看当前镜像源
    npm config set registry=http://registry.npmjs.org # 更改回官方镜像源

    1、先创建账户

    $ npm adduser

    这里根据提示一步步进行即可或者通过官网去注册

    2、登录npm 

     $ npm login

    根据提示依次输入用户名、密码、邮箱即可登录。

    3、查看是否登录成功

    $ npm whoami

    4、创建 .gitignore 和 .npmignore

    将不希望被提交到github和npm官网的文件 分别加入这两个文件中

    5、完善package.json

    主要有发布所需的相关信息,包括:组件名、版本号、描述、入口文件、作者、依赖、仓库地址等等关键信息

    七、发布

    首次发布,执行如下命令,看到success即成功

    $ npm publish

    更新发布

    // 修改package.json文件中version后继续下一步操作
    $ npm publish

    到此 组件封装发布到npm官网的流程和方法就说完了,如果跟各位看官有不一样的方法的 ,请评论交流!

    如果此贴能够帮到各位,也请各位看官点赞+关注哦!!

    展开全文
  • C# socket封装类和组件含例程全部开源,可以说全网封装最好的C#类,十分强大,亲测很好,值得参考和学习
  • 总会用到图表相关的控件,而说到图表控件第一时间当然想到ECharts这个开源项目,而它不像iview、element-ui这些组件使用起来那么便捷,需要绕一个小弯,为了图方便于是对ECharts进行了一层封装 控件演示 控件使用 ...
  • 网格菜单开源组件

    2021-04-04 23:59:25
    源码WHC_CollectionViewFramework,目前独一无二封装最完美的网格菜单开源组件,支持用户行为习惯自定义菜单项位置和个数(用户可长按菜单项进行排序,删除,添加,自动保存用户编辑后的状态),具体使用方式请下载...
  • 组件化开发之如何封装组件

    千次阅读 2021-04-19 15:59:22
    自从React,Vue等前端框架在市面上大量使用之后,组件化开发逐渐成为了前端主流开发方式,今天我就在这里给大家分享一下在我们平时的开发中我们自己应该如何去封装组件。主要从以下三个方面给大家讲解: 什么是组件...

    自从React,Vue等前端框架在市面上大量使用之后,组件化开发逐渐成为了前端主流开发方式,今天我就在这里给大家分享一下在我们平时的开发中我们自己应该如何去封装组件。主要从以下三个方面给大家讲解:

    • 什么是组件
    • 为什么要拆分组件
    • 如何拆分组件

    什么是组件

    对功能、ui样式的封装,一个功能或者一个ui样式就是一个组件,导航栏,banner,页脚等等这些功能、样式都是组件。
    不同的框架对组件的分类有些许差别,比如有些人对react的组件分为函数式组件、无状态组件和有状态组件、展示型组件和容器型组件等;有些人vue对组件分为全局组件、局部组件、函数式(无状态)组件、普通(有状态)组件、动态组件、普通(非动态)组件、异步组件、普通(非异步)组件、递归组件、普通(非递归)组件。但本质上都是大同小异。鉴于我们目前使用的都是vue框架,所有今天的分享也主要是针对vue的组件进行分析。

    1.按组件注册方式分类:vue将组件分为全局组件局部组件

    全局组件:使用Vue.component全局注册的组件(在我们的项目中一般情况下是在utils文件中进行统一注册的)

    Vue.component("my-component-name", {
      /****/
    });
    

    clipboard.png

    局部组件:在使用的页面通过components单独引入(,一般情况下推荐使用按需引入的方式引入组件

    clipboard (1).png

    2.按组件有无自己的状态分类:可以分为函数式(无状态)组件普通(无状态)组件

    函数式:用jsx语法编写的html或者template 标签上加 functional。一般是无状态 (没有响应式数据)的组件可以注册成函数式组件(它没有管理任何状态,也没有监听任何传递给它的状态,也没有生命周期方法。实际上,它只是一个接受一些 prop 的函数,所以渲染开销也低很多,在一定程度上能提高一些性能
    jsx 的语法:

    <script>
      import OtherComponent from "./other";
      export default {
        name: "FunctionComponent",
        functional: true,
        components: {
          OtherComponent
        },
        props: {
          title: {
            type: String,
            required: true
          }
        },
        render(h, { props }) {
          const { title } = props;
          return (
            <div>
              <p> 我是函数式组件</p>
              <p>props {title}</p>
              <OtherComponent otherInfo={title} title="我是函数式组件的其他组件" />
            </div>
          );
        }
      };
    </script>
    

    template 标签标记 functional:

    <template functional>
      <div>
        {{ props.title }}
        <p>
          otherInfo {{ props.otherInfo }}
        </p>
      </div>
    </template>
    <script>
      export default {
        functional: true,
        props: {
          title: {
            default: "",
            type: String
          },
          otherInfo: {
            default: "",
            type: String
          }
        }
      };
    </script>
    

    3.按组件是否动态分类:可以分为动态组件普通(非动态)组件
    动态组件:通过component 标签加is属性(属性值为引入的组件名称)引入的组件

    <template>
      <div>
        <component :is="currentTabComponent"></component>
      </div> 
    </template>
    export default {
      components: {
        DynamicComponent1
      },
      data() {
        return {
          currentTabComponent: "DynamicComponent1"
        };
      }
    };
    
    

    一般是需要很多组件之间切换的情况下可以使用动态组件,例如下面的代码就可以优化为动态组件:(el-tab-pane部分代码基本上是重复的知识少量数据不一样,这种时候就可以将el-tab-pane里面的数据在data中定义成一个数组型的变量,然后循环el-tab-pane,里面的组件可以更换成自定义组件)
    clipboard.png
    优化后:(如果组件切换比较频繁的话,可以在components标签外面加上keep-alive标签将已失活的组件缓存起来,以便下次切换组件时不需要从新创建、挂载)

    <template>
      <el-tabs v-model="activeTab">
        <el-tab-pane v-for="(item) in tabList" :key="item.id" :label="item.name" :name="item.id">
          <component :is="item.components"></component>
        </el-tab-pane>
      </el-tabs>
    </template>
    <script>
    import page1 from "@/views/example/page1";
    import page2 from "@/views/example/page2";
    import page3 from "@/views/example/page3";
    export default {
      name: "tab",
      data() {
        return {
          activeTab: '1',
          tabList: [
            { id: '1', name: "页面1", components: page1 },
            { id: '2', name: "页面2", components: page2 },
            { id: '3', name: "页面3", components: page3 }
          ]
        };
      },
    };
    </script>
    

    4.按组件是否异步分类:可以分为异步组件普通(非异步)组件
    异步组件:按需加载组件,在需要组件的时候再去加载组件(这样可以让首屏部分代码块优先加载,加快首屏渲染速度,像目前我们项目中使用的路由懒加载,以及局部这种方式引入的组件() => import(’./my-async-component’)等都是异步组件

    异步组件引入的方式:

    a.通过工厂函数

    Vue.component('async-example', function (resolve, reject) {
      resolve({
        template: '<div>hello vue !</div>'
      })
    })
    

    b.通过webpack 的 代码切割 功能一起配合使用:

    Vue.component('async-wepack-example', function (resolve) {
      // require会告诉webpack将你的代码切割成多个包,然后通过ajax加载    
      require(['./my-async-component'], resolve)
    })
    

    c.通过 import()

    Vue.component('async-wepack-example', () => import('./my-async-component'))
    
    局部组件注册异步组件(这种方式为目前我们项目中常用的方式)
    new Vue({
      components: {
        myComponent: () => import('./my-async-component')
      }
    })
    
    高级异步组件
    const asyncComponent = () => ({
      component:import('./my-async-component.vue'),//需要加载的组件
      delay: 200, // 展示加载时组件的延时时间,默认200毫秒
      error: errorComponent, // 加载失败显示组件
      loading: loadingComponent, // 加载时使用组件
      timeout: 2000 // 超时时间,默认 Infinity(组件加载也超时后则使用加载失败时使用的组件。)
    })
    

    5.按组件是否循环引用分类:可以分为递归组件普通(非递归)组件

    递归组件:组件可以在它们自己的模板中调用自身(必须要定义name组件的值,一般用于树组件,侧边栏路由组件等

    <template>
      <div>
        <ul>
          <li v-for="item in list" :key="item.name">
            <span>{{ item.name }}</span>
            <recursive-component v-if="item.children" :list="item.children" />
          </li>
        </ul>
      </div>
    </template>
    <script>
      export default {
        name: "RecursiveComponent",
        props: {
          list: {
            default: () => [],
            type: Array
          }
        }
      };
    </script>
    

    6.在一般我们的开发中,组件又分为ui展示类组件(着重ui样式的展示,比如我们常用的element-ui之类的)、功能组件(不注重样式,只对功能进行封装)、业务组件等。

    为什么要拆分组件

    1.提高开发效率

    在组件化开发之前,我们每个页面都是单独的,如果在开发一个页面的时候遇到了曾今开发过类似的部分,只能复制粘贴到当前页面,然后进行一些改动,有时参数、变量之类的丢失,页面或许还会报错,还要花费大量的时候去排查问题,组件化之后,类似的部分我们只需要引入组件即可,无需重复开发,一定程度上也减少了代码量,极大提高项目的编译速度

    2.方便重复使用

    一个组件可在多个地方使用

    3.简化调试步骤

    一个页面出现问题时,可以优先定位到某个模块,然后直接定位到某个组件,无需看完整个页面的所有代码然后排查问题

    4.提升整个项目的可维护性

    页面都由组件组成,模块与模块之间的耦合度降低,删除修改某个模块的功能时仅需直接修改组件

    5.便于协同开发

    每个组件都把对应的业务功能收敛在一个工程里,彼此互不打扰。 在多人团队里,每个人只负责自己的业务模块,对业务功能的增删改查,都只限定在自己的这个业务模块里,不会影响其他人的业务。

    如何拆分组件

    1.保证单一职责。

    一个组件“只做好一件事”,只做好最基本的事,留出可组合的口子。尽量把更多功能外包出去。

    2.开放封闭原则。

    对扩展开放,对修改封闭。有新的业务需求时,首先考虑如何扩展,单个组件只实现最单纯的功能,更多通过扩展实现,而不是修改组件。

    3.单个组件文件最好不超过200或400kb

    追求短小精悍,有利于调试,缩小排错范围

    4.避免函数有太多的参数。入口处检查参数的有效性,出口处检查返回的正确性

    避免别人使用组件时传参有误,造成很多无法预料的报错。

    5.松耦合,封装的组件不要依赖太多其他的组件

    当所有问题都是通过堆砌一堆开源代码解決时,一是会存在冗余,二是很难调试,当其中一个模块有问题时可能会导致整个组件无法使用,复杂的依赖关系,也会发生版本冲突之类的事情。如果要依赖组件或库,要依赖稳定的也就是不经常変的。

    6.无副作用:不依赖、不修改外部变量,内部操作不影响其它组件

    在保证输入/输出不变的情况,可以安全的被替换。

    7.提炼精华,一些无关紧要的东西,比如数据获取,数据整理或事件处理逻辑,理想情况下应该将其移入外部 js 或者放在父组件中去进行处理,组件内只负责ui展示或者功能的实现。

    8.合理组件化

    将大块代码变成松散耦合且可复用的组件确实是有很多优点,但是并不是所有的页面结构都需要被抽离成组件,也不是所有的逻辑部分都需要被抽出到组件外部。我们在实际进行组件抽离工作的时候,需要考虑到不要过度的组件化。那么我们在决定是否要抽离组件的时候可以根据以下几点来判断:
    a.是否有足够的页面结构/逻辑来保证它?如果它只是几行代码,那么最终可能会创建更多的代码来分隔它。

    b.代码重复(或可能重复)? 如果某些东西只使用一次,并且服务于一个不太可能在其他地方使用的特定用例,那么将它嵌入其中可能会更好。

    c.性能是否会受到影响?更改 state/props 会导致组件重新渲染,当发生这种情况时,你需要的是 只是重新去渲染经过 diff 之后得到的相关元素节点。在较大的、关联很紧密的组件中,你可能会发现状态更改会导致在不需要它的许多地方重新呈现,这时应用的性能就可能会开始受到影响。

    展开全文
  • vueboot, 封装 Bootstrap 组件的Vuejs组件的集合 VueBoot使用 Bootstrap v4编写的VueJS组件和指令,利用官方的Bootstrap 。注意:这应该考虑提前发布软件。 将有 Bug ( 其中很多来自 Bootstrap v4,实际上) !项目...
  • Polymer:Web组件库-开源

    2021-04-25 02:49:44
    Polymer是一个轻量级的Web组件库,可让您创建封装的Web组件,它们的工作方式与标准HTML元素相同。 这些元素可用于构建Web应用程序,并且可重复使用。 在构建UI组件时,Polymer可能特别有用。 不必在不同的框架和不同...
  • 一个简单的甘特图 React 组件封装
  • 实用的开源组件整理

    千次阅读 2016-05-04 16:18:16
    非常好用的组件或者框架。 http://www.neast.cn/forum.php?mod=viewthread&tid=5491&fromuid=5 Android开源项目开发及测试工具篇 http://www.neast.cn/forum.php?mod=viewthread&tid=5631&fromuid=5 ...

    #  动画效果:http://blog.csdn.net/duguang77/article/details/18230867

    1.https://github.com/zcweng/ToggleButton

    状态切换的 Button,类似 iOS,用 View 实现



    2.https://github.com/lipangit/jiecaovideoplayer/blob/develop/README-ZH.md

    1. 全屏时启动新Activity实现播放器真正的全屏功能
    2. 可以完全自定义UI
    3. 能在ListViewViewPagerListViewViewPagerFragment等多重嵌套模式下全屏工作
    4. ListView的拖拽和ViewPager的滑动时如果划出屏幕会自动重置视频
    5. 视频大小的屏幕适配,宽或长至少有两个对边是充满屏幕的,另外两个方向居中
    6. 可以在加载、暂停、播放等各种状态中正常进入全屏和退出全屏
    7. 占用空间非常小,不到50k


     * 也可以全屏:https://github.com/linsea/UniversalVideoView 

    *https://github.com/xiongwei-git/AndroidVideoPlayer


    3.仿iOS日期选择效果-仿iOS的PickerView控件,有时间选择和选项选择并支持一二三级联动效果

    https://github.com/saiwu-bigkoo/Android-PickerView

    4.仿美团等选择城市列表demo

    https://github.com/zaaach/CityPicker

    https://github.com/caoweiaaa/CitySelector


    5.通用的广告栏控件,让你轻松实现广告头效果。
    支持无限循环,可以设置自动翻页和时间(而且非常智能,
    手指触碰则暂停翻页,离开自动开始翻页。
    你也可以设置在界面onPause的时候不进行自动翻页,onResume之后继续自动翻页),
    并且提供多种翻页特效。 对比其他广告栏控件,大多都需要对源码进行改动才能加
    载网络图片,或者帮你集成不是你所需要的图片缓存库。
    而这个库能让有代码洁癖的你欢喜,不需要对库源码进行修改你就
    可以使用任何你喜欢的网络图片库进行配合。
    https://github.com/saiwu-bigkoo/Android-ConvenientBanner



    6. 高斯模糊渐变的滑动效果

    https://github.com/kot32go/GaussPager




    7.图片浏览缩放控件,图片点击放大,旋转,有人不断维护

    https://github.com/bm-x/PhotoView

    https://github.com/jarlen/PhotoEditDemo

    1,图片编辑(图片添加,文字添加),实现图片编辑中的图片添加,旋转,缩放,删除;文字的添加,大小缩放,字体更换,颜色更换,删除; 2,基本滤镜实现与接口封装; 涂鸦(画笔的样式,粗细,颜色,橡皮擦,贴图); 相框(简单相框,酷炫相框); 马赛就克(基本马赛克,酷炫马赛克,橡皮擦)及其接口封装 3,接下来, 图像剪切,旋转等功能实现测试接口封装; GIF与MP4,图片互转实现测试与接口封装;


    8. 多种语言切换

    http://laobie.github.io/android/2016/05/14/switch-language-on-android-app.html

    9.一种完全无侵入的换肤方式,支持插件式和应用内,无需重启Activity.

    https://github.com/hongyangAndroid/AndroidChangeSkin

    基于Theme的Android动态换肤库,无需重启Activity、无需自定义View,方便的实现日间、夜间模式。

    https://github.com/hehonghui/Colorful


    10.https://github.com/baoyachi/StepView 


    11.https://github.com/LittleLiByte/GlFancyCoverFlow

    emo多应用于影院海报展示,使用UiversalImageLoader从网络获取图片,可以无限轮播,可以选择自动轮播或者 手动滑动。

    12.https://github.com/jeasonlzy/NineGridView  

    类似QQ空间,微信朋友圈,微博主页等,展示图片的九宫格控件,自动根据图片的数量确定图片大小和控件大小,使用Adapter模式设置图片,对外提供接口回调,使用接口加载图片,支持任意的图片加载框架,如 Glide,ImageLoader,Fresco,xUtils3,Picasso 等,支持点击图片全屏预览大图。

    13.https://github.com/youlookwhat/CloudReader

    一款基于网易云音乐UI,使用GankIo及豆瓣api开发的符合Google Material Desgin阅读类的开源项目。项目采取的是Retrofit + RxJava + MVVM-DataBinding架构开发

    14 音乐播放器,github上不错的

     http://mp.weixin.qq.com/s?__biz=MzI0NDYzMzg0OQ==&mid=2247484276&idx=1&sn=9d0d3786b3ba11a793eaa7dc10281cb1&chksm=e95b9ae2de2c13f470eb694579caebda51ae48a4744401ac60ddc6ba6500ca5d799f3e67ce82&mpshare=1&scene=23&srcid=0421vpNfA9gMGl7TSmlDWGiT#rd

    15 https://github.com/wasabeef/awesome-android-ui   安卓各种比较炫的UI效果



    最全的Android开源音乐播放器源码汇总
    http://neast.cn/forum.php?mod=viewthread&tid=9586&fromuid=5

    Android 直播项目解决方案汇总
    http://neast.cn/forum.php?mod=viewthread&tid=61625&fromuid=5

    全网最强Android开源高仿系列大收藏!!!!!!
    http://neast.cn/forum.php?mod=viewthread&tid=61522&fromuid=5

    2016最新独家老罗Android视频教程第二季重磅来袭!!!
    http://neast.cn/forum.php?mod=viewthread&tid=61555&fromuid=31739

    2016 android 源码 5000套源码打包下载
    http://neast.cn/thread-61187-1-1.html

    2015年最新810多套源码2.46GB免费一次性打包下载
    http://neast.cn/forum.php?mod=viewthread&tid=26092&fromuid=5

    2015Android精品源码大合集。百度网盘一次性免费打包下载!
    http://neast.cn/forum.php?mod=viewthread&tid=58016&fromuid=5

    2015年最棒的高仿系列源码打包下载(非常经典)
    http://neast.cn/thread-59560-1-1.html?_dsign=b24a1a04

    【持续更新中】Android福利贴(一):资料源码
    http://neast.cn/forum.php?mod=viewthread&tid=61334&fromuid=5

    2015高质量几百个分类Android源码打包一次性下载!
    http://neast.cn/forum.php?mod=viewthread&tid=58175&fromuid=5

    Android电商项目源码合集打包下载!
    http://neast.cn/forum.php?mod=viewthread&tid=61360&fromuid=5

    Android 应用源码大收藏
    http://neast.cn/forum.php?mod=viewthread&tid=9483&fromuid=5

    全网最全的Android游戏源码汇总
    http://neast.cn/forum.php?mod=viewthread&tid=5080&fromuid=5

    AndroidUI设计之高仿系列
    http://neast.cn/forum.php?mod=viewthread&tid=5293&fromuid=5

    全网最全的Android源码汇总—几百个Android源码(不断更新中)
    http://neast.cn/forum.php?mod=viewthread&tid=475&fromuid=5

    ContentProvider专题
    http://neast.cn/forum.php?mod=viewthread&tid=419&fromuid=5

    Android多线程开发专题
    http://neast.cn/forum.php?mod=viewthread&tid=418&fromuid=5

    GitHub开源项目总结
    http://neast.cn/forum.php?mod=viewthread&tid=5377&fromuid=5

    汇集的几十个Android源码
    http://neast.cn/forum.php?mod=viewthread&tid=5627&fromuid=5

    Android开源项目大全之工具库
    http://www.neast.cn/forum.php?mod=viewthread&tid=5487&fromuid=5

    Android开源项目之优秀项目
    http://www.neast.cn/forum.php?mod=viewthread&tid=5488&fromuid=5

    Android开源项目之个性化控件(View)
    http://www.neast.cn/forum.php?mo ... 89&fromuid=5Android

    非常好用的组件或者框架。
    http://www.neast.cn/forum.php?mod=viewthread&tid=5491&fromuid=5

    Android开源项目开发及测试工具篇
    http://www.neast.cn/forum.php?mod=viewthread&tid=5631&fromuid=5

    Android源码之10个开源项目
    http://www.neast.cn/forum.php?mod=viewthread&tid=5632&fromuid=5

    Android视频教程大合集
    http://www.neast.cn/forum.php?mod=viewthread&tid=611&fromuid=5

    Android常见的开源项目汇集
    http://www.neast.cn/forum.php?mod=viewthread&tid=5439&fromuid=5

    分享10个Android应用源码
    http://www.neast.cn/forum.php?mod=viewthread&tid=5330&fromuid=5

    推荐10个google上的Android开源项目
    http://www.neast.cn/forum.php?mod=viewthread&tid=5329&fromuid=5

    分享多个google的Android开源项目非常有价值
    http://www.neast.cn/forum.php?mod=viewthread&tid=5328&fromuid=5

    收集的一些Android开源库——全都是经验之谈
    http://neast.cn/forum.php?mod=viewthread&tid=5654&fromuid=5

    AndroidUI设计之高仿系列
    http://neast.cn/forum.php?mod=viewthread&tid=5293&fromuid=5



    2016年最值得学习的五大开源项目

    http://www.open-open.com/lib/view/open1472721103045.html

    Android开发人员不得不收集的代码


    http://www.jianshu.com/p/72494773aace

    展开全文
  • 封装属于自己的组件库 - VUE「适合人群:一起聊聊组件这件事」「观看时间:30min」「说明:一些经验分享,欢迎探讨」前言现目前,vue 社区下大大小小的组件库是越来越多,优秀的开源组件也越来越丰富,比如PC:View ...
  • 封装vue组件并发布到npm

    千次阅读 2021-11-10 10:04:42
    首先,要创建项目,封装vue的插件,我们初始化vue工程都是用: vue create xx项目名 但是我们要写的是一个简单的vue组件,不需要依赖那么多而庞大的配置,所以,这里我们用简版的webapck配置模板: vue init webpack...
  • 如何用开源组件“攒”出一个大数据建模平台?

    千次阅读 多人点赞 2020-08-29 00:46:03
    本文关键字:开源组件、大数据建模、项目架构、技术栈。整个产品的核心功能就是为了实现:数据采集、数据源管理、数据清洗、统计分析、机器学习、数据可视化的完整流程,难点在于形成数据流,流程可控,易被管理。
  • 1.Bootstrap 常用组件封装,使用更加简单; 2.Bootstrap 增强,例如tree组件; 3.Bootstrap 周边优秀组件封装,让Bootstrap更丰满,使用更简单; 4.压缩后仅5.5k BootstrapQ 对 bootstrap 做了一些封装,可以...
  • ① 使用Vue-cli3搭建项目 vue create demo vue-cli3官方文档 注:cli3 提供一个可选的 vue.config.js 配置文件。如果这个文件存在则他会被自动加载,所有的对项目和webpack的配置,都在这个文件中。...
  • 文章目录前言一、封装组件样式二、include标签+layout布局文件封装组件三、自定义View封装组件总结 前言 在大前端中,有一些组件常常需要在不同的地方多次使用,但不可能在每一个地方都重新编写组件代码,因此组件...
  • 本人的开源框架,其中包含了一系列的开源组件,xxoo已经正式更名为xmlbean-converter成为zxl-framework的一部分。 common 框架的基础工具包。 mapper 提供配置化的bean映射工具 mapper-spring mapper与spring的整合 ...
  • 技术需要积累,有时间我把我之前写的还不错的组件开源出来。并尝试vue和react 两种方式的组件封装。今天简单写下鼠标框选div选中效果的封装吧。 div框选实现 div框选效果,其实没有什么好的方法,就是获取鼠标...
  • CommonJDBCDAO组件则是由国人自主开发实现的基于JDBC API的数据访问组件,保留有O/R Mapping工具的简便性,也具有JDBCTemplate的灵活性,对JDBC API进行彻底的封装和简化,而且使用简单,目前的版本完全兼容于Oracle...
  • java是一种高级语言,每一个java项目编程都是有框架的,这样才能将程序开发出来,可是java开源框架有哪些?今天我们就给大家讲解一下,给大家一个参考!1.Spring Framework 【Java开源JEE框架】Spring是一个解决了许多...
  • 一个基于CanalSharp(一款针对.NET的Canal客户端开源项目)封装的ASP.NET Core业务组件,可以用于实时收集MySql数据更改记录,目前为Draft版本
  • C#开源组件之Word文件的操作:二

    千次阅读 2020-02-23 17:14:24
    本文接上文,暂时不写Word开源操作的异同点、效率也不写两者之间的缺陷。 本文在上文中将两种Word文件的操作进一步抽象封装(桥接),并封装一个Word报告输出的框架,希望各位看客老爷多多斧正,谢谢。 接上文,目前...
  • react-no-ssr, 反应组件封装非友好组件 react-no-ssr为非组件添加反应组件。 当使用服务器端 Rendering(SSR) 启用的应用程序时,你必须处理客户端的组件。 这个包装器使得使用这些组件变得简单。安装npm i --save ...
  • 组件为本人学习研究之产物,可用于小型项目或初学者学习之用 主要实现了对数据库的基本访问,包括oracle,mysql数据库的分页查询
  • 如果我们现在封装了一个组件,其他地方在使用这个组件时,是否也可以使用v-model来同时完成这两个功能呢? 也是可以的,vue也支持在组件上使用v-model; 当我们在组件上使用的时候,等价于如下的操作: 我们会...
  • NLOG 日志 开源组件 Visual Studio java是一款打日志的开源组件,里面己经封装好常见的打日志的函数。
  • GWT Uploader 是一个免费提供的开源 GWT 库,它封装了 File 和 XMLHttpRequest Level 2 API 以及 SWFUpload 库提供的文件上传功能。 使用 GWT Uploader 允许使用纯 Java 代码在 GWT 应用程序中增强文件上传对话框...
  • 封装一个自定义组件,父组件能控制子组件写的点击事件 解决: 子组件写的 在点击的move事件内写 that.$emit('leftClick',that.Slider_text) 或者可以写成这样 <div class="YSwitch bg-Gainsboro" v-on:click=...
  • 根据antd 4.0二次开发的前端UI组件库,文档地址: : webpack.config.js 作用是通过npm start运行本地开发时的一些配置在配置中可以通过resolve.alias指定npm包名 rollup.config.js说明(暂时未用) 作用是源自组件...
  • 快速发展

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 120,251
精华内容 48,100
关键字:

怎么封装开源组件