Giter VIP home page Giter VIP logo

xwcatergoryview's Introduction

XWCatergoryView

###一、是什么:

XWCatergoryView是一个轻量级的顶部分类视图控件,只需要通过简单的设置,你就可以快速集成该控件, 控件目前暂时有底部横条移动,椭圆背景移动,文字缩放,文字颜色变化,和文字颜色渐变五种效果,五种效果可以叠加使用也可以单一使用,具体效果请查看demo,

###二、如何使用:

1、导入XWCatergoryView.h头文件

2、如果是当前控制器是被导航控制器管理,也就是说上方有导航栏,必须对当前控制器做如下设置:self.automaticallyAdjustsScrollViewInsets = NO;否则控件显示会有问题

3、初始化该控件,代码和stroyboard都可以,stroyboard的话,直接拖入一个View并修改Class为XWCatergoryView即可;

4、设置数据源titles属性(必须)

5、设置与该控件关联的ScrollView(必须)

6、配置相关的属性即可使用,可自定义的属性比较多,请自行去XWCatergoryView.h中查看,更详请见地址中的demo 更多内容和原理请阅读我的简书文章:iOS封装一个轻量级的顶部分类控件

###三、效果图:

####图1:颜色左右渐变 + 底部线条

1.gif ####图2:颜色变化 + 背后椭圆

2.gif ####图3:颜色变化 + 文字缩放 + 模拟网络刷新

3.gif

xwcatergoryview's People

Contributors

wazrx avatar

Watchers

James Cloos avatar Harold Bierlein avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.