Code Monkey home page Code Monkey logo

jkprogressline's Introduction

JKProgressLine

简易 实现时间线 时间轴效果

##代码方式使用 JKProgressLine *lineCode=[[JKProgressLine alloc]initWithFrame:CGRectMake(100, 100, 8, 0)]; lineCode.edge = UIEdgeInsetsMake(40, 0, 40, 0); lineCode.items = @[@"tesbbrtt",@"哈34哈",@"12dftg3",@"12cvf3",@"134523"]; lineCode.itemWidth = 8; lineCode.itemMargin = 80; lineCode.doneColor = [UIColor colorWithRed:0.278 green:0.600 blue:0.227 alpha:1.000]; lineCode.selectColor = [UIColor colorWithRed:0.757 green:0.000 blue:0.141 alpha:1.000]; lineCode.normalColor = [UIColor colorWithWhite:0.480 alpha:0.600]; lineCode.selectedIndex = 3; [lineCode setTouchedLineBlock:^(NSInteger index, NSString *title) { NSLog(@"click%zd title%@",index,title);

}];
[self.view addSubview:lineCode];

##xib方式使用 @property (weak, nonatomic) IBOutlet JKProgressLine *line;

self.line.edge = UIEdgeInsetsMake(40, 0, 40, 0);
self.line.items = @[@"test",@"哈哈",@"122343",@"12df3",@"12sdf3"];
self.line.itemWidth = 8;
self.line.itemMargin = 80;
self.line.doneColor = [UIColor colorWithRed:0.278 green:0.600 blue:0.227 alpha:1.000];
self.line.selectColor = [UIColor colorWithRed:0.757 green:0.000 blue:0.141 alpha:1.000];
self.line.normalColor = [UIColor colorWithWhite:0.480 alpha:0.600];
self.line.selectedIndex = 3;
[self.line setTouchedLineBlock:^(NSInteger index, NSString *title) {
    NSLog(@"click%zd title%@",index,title);
}];

##效果图

jkprogressline's People

Contributors

shaojiankui avatar

Watchers

James Cloos avatar yangguangyu 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.