Binpress components2013-04-02T10:48:16+00:00Zend_Feed_Writerhttp://www.binpress.comBinpresscontact@binpress.comhttp://www.binpress.com2013-04-02T10:48:16+00:002013-04-02T10:48:16+00:00http://www.binpress.com/app/scrollchartview/1377Rustam Yuzmukhametovnoreply@binpress.comhttp://www.binpress.comdev/profile/20432ScrollPlotControl provides users with an intuitive and easy to use data-frame picker tool. Featuring 2D data visualization it allows users to scroll the borders of the interval to get a specific statistic in between the selected values.This component provides controls and gestures for adjusting the range, position and zoom level of 2D chart data. Control buttons got snap to grid feature embedded. The component includes charting tools to provide the complete and finished solution.The component is fully customizable, so you could assign any kind of data to be displayed on the plot. The component supports horizontal graph scrolling and native pinch-to-zoom scaling.FeaturesData visualizationGestures support: scroll to pan, pinch-to-zoom, drag;Portrait and landscape orientation support;No 3rd party libraries, uses ARC. Manual installationAdd the QuartzCore framework by clicking on your Project File -> Build Phases -> Link Binary With Libraries Add ScrollPlotControl.h and ScrollPlotControl.m to your project. Provide a ScrollPlotControlDelegate implementation (see below) or use delegates provided in demo (add DayScrollPlotControlDataSource.h, DayScrollPlotControlDataSource.m, MonthScrollPlotControlDataSource.h, MonthScrollPlotControlDataSource.m, YearScrollPlotControlDataSource.h, YearScrollPlotControlDataSource.m to your project) #import "ScrollPlotControl.h" to use it in a class Instantiate ScrollPlotControl with help of initWithFrame:andScrollPlotControlDataSource: and add control to parent view To observe changes in values of selected interval you could use addTarget:actiond:forControlEvents: message.ScrollPlotControlDelegate implementation instructions-(NSInteger)initNumOfPoints;
Method returns number of points on horizontal axis at the moment of ScrollPlotControl creation. After that user could increase or decrease number of points using pinch gesture. At the moment of ScrollPlotControl creation Zero x-coordinate point is assigned to the far right grid edge. Afterwards user could scroll values using pan gesture. The interval is not limited.-(NSString*)titleForPointPosition:(NSInteger)position;
Method provides titles for values on OX-axis.-(CGFloat)valueForPointPosition:(NSInteger)position;
Method returns respective values for each point. Depending on these values control forms a grid height. So the very top point matches maximal value and the very bottom matches minimum value. When user scrolls window min-max points is recalculated and control changes its own appearance.Control customizationYou could change control appearance by editing the entire code.
So the padding could be changed by editing the kTopPadding, kBottomPadding, kLeftPadding, kRightPadding constant values.
Zoom-in/zoom-out limit settings are also available. So you could set the minimum and maximum amount of columns by changing kMinNumOfColumns and kMaxNumOfColumns constant values.
Spot-buttons appearance also could be changed. Just replace the spot.png and spot_pressed.png files in the Resources folder.2013-03-14T12:03:07+00:002013-03-14T12:03:07+00:00http://www.binpress.com/app/food-iphone-app-template/1354Tapha Media Ltdnoreply@binpress.comhttp://www.binpress.comdev/profile/12915Design your next food based application with this design template focused on recipe creation and storage. Includes a sample Xcode project and retina ready assets.The design + sample code resources you need to build a great app.This is a food based design template that lends it self extremely well to any type of app that deals with storing and tracking information, as demonstrated with the designs focus on recipe creation and storage. Though it features enough different elements to have much wider ranging applications.This a design template and not a functional application, it is up to you to use the sample Xcode project provided to implement the functionality.Check out ultra high resolution screenshots of the template, here: Food App PreviewWhat's included in this download:A Working, Sample Xcode Project.Original photoshop PSD that you can edit and customize to fit your needs.25+ Sliced PNG's in Retina (@2x) and standard resolutions.There are six key screens included in your download:Recipe list screenLogin screen - with an awesome, pre-coded login and facebook sign-up button.Single recipe screen Food category screenSplash screen Elements screen - which has all of the buttons and elements that you'll need.BenefitsLess Risk - Hiring a designer, even when you pay top dollar, still runs the risk that you will not get what you want. Templates remove that risk. Conceptualizing is tough, this gives you an awesome starting point.Save $1,000+ - Designers aren't cheap, especially if you want to get one of a decent quality. This iPhone App Template gives you what a designer would - minus the high costs.Save Time - Designing an iPhone app takes time. And as any iOS Developer would tell you, time is money. Our template will save you hours that could be spent better elsewhere.Easy to Customize Templates - Our template comes with the Photoshop .PSD files and editable (in XCode) Objective-C source code.Get Started in Minutes - Just open the included XCode Project up in XCode and you're ready to go. Even play around with it on the simulator or on your iphone.2013-03-12T18:15:02+00:002013-03-12T18:15:02+00:00http://www.binpress.com/app/social-share-iphone-app-template/1350Tapha Media Ltdnoreply@binpress.comhttp://www.binpress.comdev/profile/12915Design your next social application with this social networking design template. Includes a sample Xcode project and retina ready assets.The design + sample code resources you need to build an awesome app.This is a social design template whose uses can be best seen as a photo sharing app or a social networking app. Though it features enough different elements to have much wider ranging applications.This a design template and not a functional application, it is up to you to use the sample Xcode project provided to implement the functionality.Check out ultra high resolution screenshots of this template, here: Social App PreviewWhat's included in this download:A Working, Sample Xcode Project.Original photoshop PSD that you can edit and customize to fit your needs.25+ Sliced PNG's in Retina (@2x) and standard resolutions.There are six key screens included in your download:Profile screen - which features an awesome timeline inspired design.Photo screen - with a comments section and likes designed in.Video Browsing screen - With unique play iconsActivity Feed screenFile Upload screenElements screen - which has all of the buttons and elements that you'll need.BenefitsLess Risk - Hiring a designer, even when you pay top dollar, still runs the risk that you will not get what you want. Templates remove that risk. Conceptualizing is tough, this gives you an awesome starting point.Save $1,000+ - Designers aren't cheap, especially if you want to get one of a decent quality. This iPhone App Template gives you what a designer would - minus the high costs.Save Time - Designing an iPhone app takes time. And as any iOS Developer would tell you, time is money. Our template will save you hours that could be spent better elsewhere. Like marketing your app! :)Easy to Customize Templates - Our template comes with the Photoshop .PSD files and editable (in XCode) Objective-C source code, so the sky's the limit, with regards to where you want to go with this.Get Started in Minutes - Just open the included XCode Project up in XCode and you're ready to go. Even play around with it on the simulator or on your iphone.2013-03-12T16:56:06+00:002013-03-12T16:56:06+00:00http://www.binpress.com/app/fitness-iphone-app-template/1349Tapha Media Ltdnoreply@binpress.comhttp://www.binpress.comdev/profile/12915A fitness app design template for iOS that can be used for apps such as a stopwatch timer, health tracker or a map based app. Includes a sample Xcode project and retina ready assets.The design resources + sample code you need to build a great app.RunSport is a Fitness App Design Template that contains all of the design resources needed to create almost any type of app, although it is primarily geared toward creating a fitness based app.This a design template and not a functional application, it is up to you to use the sample Xcode project provided to implement the functionality.Check out this template in action on the right ->Or View ultra high resolution screenshots here: View Fitness App PreviewWhat's included in this download:A Working, Sample Xcode Project.Original photoshop PSD that you can edit and customize to fit your needs.25+ Sliced PNG's in Retina (@2x) and standard resolutions.There are five key screens included in your download:Timer ScreenRun history screenRun settings/Start screen - which features a very cool up/down button. Seen below (Manual input/GPS).Maps screenElements screen - which has all of the buttons and elements that you'll need.BenefitsLess Risk - Hiring a designer, even when you pay top dollar, still runs the risk that you will not get what you want. Templates remove that risk. Conceptualizing is tough, this gives you a great starting point.Save $1,000+ - Designers aren't cheap, especially if you want to get one of a decent quality. This iPhone App Template gives you what a designer would - minus the high costs.Save Time - Designing an iPhone app takes time. And as any iOS Developer would tell you, time is money. Our template will save you hours that could be spent better elsewhere. Like marketing your app!Easy to Customize Templates - Our template comes with the Photoshop .PSD source files and editable (in XCode) Objective-C source code.Get Started in Minutes - Just open the included XCode Project up in XCode and you're ready to go. Even play around with it on the simulator or on your iphone.2013-03-10T10:09:58+00:002013-03-10T10:09:58+00:00http://www.binpress.com/app/artist-app-design-template/1347Tapha Media Ltdnoreply@binpress.comhttp://www.binpress.comdev/profile/12915Artist Design Template is a music/artist app template that can also be used for a variety of other genres. Particularly art or portfolio related apps. Includes a sample Xcode project and retina ready assets.The design + sample code resources you need to build an awesome app.This template includes all of the design resources you need to make a popular iphone app. Whether that be a music oriented app or just a simple portfolio/showcase app. This should fit all your needs.This a design template and not a functional application, it is up to you to use the sample Xcode project provided to implement the functionality.What's included in this download:A Working, Sample Xcode Project.Original photoshop PSD that you can edit and customize to fit your needs.25+ Sliced PNG's in Retina (@2x) and standard resolutions.There are eight key screens included in your download:Profile screen - which features a tweet button and song playlist.Music player screen - with play, rewind pause buttons and volume bars.Update (social network) screen - with reply, retweet and favorite buttons.Blog post list screenBlog post screenSplash screen - with a cool twitter login buttonMain navigation screenElements screen - which has all of the buttons and elements that you'll need.BenefitsLess Risk - Hiring a designer, even when you pay top dollar, still runs the risk that you will not get what you want. Templates remove that risk. Conceptualizing is tough, this gives you an awesome starting point.Save $1,000+ - Designers aren't cheap, especially if you want to get one of a decent quality. This iPhone App Template gives you what a designer would - minus the high costs.Save Time - Designing an iPhone app takes time. And as any iOS Developer would tell you, time is money. Our template will save you hours that could be spent better elsewhere.Easy to Customize Templates - Our template comes with the Photoshop .PSD sources files and editable (in XCode) Objective-C source code.Get Started in Minutes - Just open the included XCode Project up in XCode and you're ready to go. Even play around with it on the simulator or on your iphone.2013-03-02T21:57:29+00:002013-03-02T21:57:29+00:00http://www.binpress.com/app/mflhintlabel-animated-character-label/1333Tj Fallonnoreply@binpress.comhttp://www.binpress.comdev/profile/15317MFLHintLabel gives you a whole set of animations that manipulate the individual characters in your text in order to present eye catching notifications, tips, and alerts to your users.MFLHintLabel is the product of trying to find a playful, simple, reusable and unique way to communicate with my users. It provides nine highly customizable animation types to display and dismiss text to that end.Primarily, this was built as a reusable tool for helping to onboard a new user to an app, something eye catching, but informative. It can be used to explain the flow of an application, a subtle control/feature, or convey the result of an interaction to your user.By making use of original design assets, subviews, clipping, and positioning, this could be used to create incredibly eye popping and entirely unique dialogues for your users. Almost all properties of a UILabel are supported by accessing the internal properties of MFLHintLabel.By setting up the properties of the MFLHintLabel, all these problems are handled for you:Alignment and Width is calculated dynamicallyView hierarchy is constructed and cleaned up on demandIntro animation, display time, and outro animation are all tailored to your needsFurther customization is provided in the form of one sided animations that allow you to animate on screen, display for a time and animate offscreen all in separate animations.Animations Include:• Linear presentation ie: Falling in, Flying out, Sliding in• Exploding• Implosion• Trailing text, a la old school Windows Solitaire Win Animation• Many more, and combinations of these.For now these animations are mostly 2D, but I plan to add 3D animations soon.Integrating this framework is simple and the sample project contains examples of all nine animations. If you want to leap right in, MFLHintLabel.h contains documentation on all the available properties for customization, and the sample project contains a dozen example animations. See below for a more thorough explanation.2013-02-23T00:48:35+00:002013-02-23T00:48:35+00:00http://www.binpress.com/app/selectalicious/1326Cevonoreply@binpress.comhttp://www.binpress.comdev/profile/19531Select-a-licious allows site owners and developers easily create searchable, styled dropdowns for their websites.Select boxes are notoriously difficult to style using css alone, select-a-licious aims to solve this problem by allowing site owners and developers to create styled dropdowns for their website.Create Stylish dropdownsMake searchable dropdownsAbility to use effects and checkboxes for multiple selections11 different event handlers to allow developers to extend without the need to modify core codeCustomize using CSSThemeable with 4 different themes includedWorks with existing forms, no need to rewrite form code and falls back to a select box when jQuery or Javascript aren't available.(Demo page is just an example and doesn't contain all the features)2013-02-11T21:46:05+00:002013-02-11T21:46:05+00:00http://www.binpress.com/app/ios-time-picker/1312Talnoreply@binpress.comhttp://www.binpress.comdev/profile/8047Replacement for UIDatePicker control, allowing easy and intuitive selection of time with high quality UI graphics.UIDatePicker is old, big and takes too much of your screen space.
When want the user to pick only hours and minutes, iOS Time Picker is the perfect solution.This control has photorealistic graphics that simulates the looks of a car's kilometrage counter or an old alarm clock making it both a very intuitive and good looking control.Check out the screenshots attached.CustomisationAttributestextColor - Hours and Minutes colors.grainAlpha - Intensity of the grain effect, making the surface
look a bit sandy.currentHours - Sets or reads the hours.currentMinutes - Sets or reads the minutes.minuteInterval - Sets step per minute. Default is 5 - minute value will be 00, 05, 10, 15, ... , 55.Delegate- (void)hsTimePicker: (HSTimePicker*)timePicker didChangeCurrentHours: (NSUInteger)currentHours currentMinutes: (NSUInteger)currentMinutes;Called by the control when the user changes the time.Integration1) Purchase and download the component, it contains the control implementation and graphics.2) Open your project, drag the HSTimePicker folder into your project.3) Add the following code and you're good to go:HSTimePicker *picker = [[HSTimePicker alloc] initWithFrame: CGRectMake(120, 100, 100, 50)];
[self.view addSubview: picker];
2013-02-09T18:22:22+00:002013-02-09T18:22:22+00:00http://www.binpress.com/app/ios-number-picker/1308Talnoreply@binpress.comhttp://www.binpress.comdev/profile/8047An alternative to UIPicker and UIStepper, iOS Number Picker is a great looking control for picking numbers.Control that lets you pick a number in a quick and the most intuitive way possible.The problem with iOS's UIPicker is that it's too long, requires too much to implement (delegate, datasource) and takes too much space out of your screen.UIStepper seems to be answering these problems, but requires a lot of touches to increase numbers, for example from 1 to 10. Also it doesn't display the selected number, so you have to stitch a label to it.HSNumberPicker solves both of these problems -It doesn't occupy a lot of space, width is dynamic - make it as wide as you want it to be.Selection of a number is done easily by scrolling right or left, it responds to your finger's velocity with a gradual deceleration, just as expected.It looks great simulating a meter tool, which increases the control's intuitiveness - people instantly know what to do even without touching it.Check out the screenshots, you will see for yourself.AttributesminValue - sets starting value, will be shown on the most left side.maxValue - sets ending value, will be shown on the most right side.currentValue - sets or reads the current value.textColor - sets the color of the numbers.stripesColor - sets the color of the stripes.Delegate- (void)numbersPicker: (HSNumbersPicker*)numbersPicker didChangeCurrentValue: (int)newCurrentValue;Called when user changes the meter value.IntegrationIntegration for this control is very straight forward as outlined below -1) Purchase and download the example project with the control.2) Drag the HSNumbersPicker folder from the example project to your project, make sure you check "Copy files if required".3) Create the control, set minValue and maxValue, add to your view as the following:HSNumbersPicker *numbersPicker = [[HSNumbersPicker alloc] initWithFrame:self.containerView.bounds];
numbersPicker.minValue = 10;
numbersPicker.maxValue = 25;
numbersPicker.currentValue = 15;
[self.containerView numbersPicker];
2013-02-09T17:34:21+00:002013-02-09T17:34:21+00:00http://www.binpress.com/app/sortable-collection-view/1307Stan Chang Khin Boonnoreply@binpress.comhttp://www.binpress.comdev/profile/19145Extends `UICollectionViewFlowLayout` to support reordering of cells. Similar to long press and pan on books in iBook.LXReorderableCollectionViewFlowLayoutExtends UICollectionViewFlowLayout to support reordering of cells. Similar to long press and pan on books in iBook.FeaturesThe goal of LXReorderableCollectionViewFlowLayout is to provides capability for reordering of cell, similar to iBook.Long press on cell invoke reordering capability.When reordering capability is invoked, fade the selected cell from highlighted to normal state.Drag around the selected cell to move it to the desired location, other cells adjust accordingly. Callback in the form of delegate methods are invoked.Drag selected cell to the edges, depending on scroll direction, autoscroll in the desired direction.Release to stop reordering.Getting Started<img src="https://raw.github.com/lxcid/LXReorderableCollectionViewFlowLayout/master/Content/Screenshots/screenshot1.png" alt="Screenshot" title="Screenshot" style="display:block; margin: 10px auto 30px auto; width: 300px; height: 400px;" class="center">Drag the LXReorderableCollectionViewFlowLayout folder into your project.Initialize/Setup your collection view to use LXReorderableCollectionViewFlowLayout.If you setup your collection view programmatically, make sure you call [LXReorderableCollectionViewFlowLayout setUpGestureRecognizersOnCollectionView] instance method after the collection view is setup.[theReorderableCollectionViewFlowLayout setUpGestureRecognizersOnCollectionView];
The collection view controller that is to support reordering capability must conforms to LXReorderableCollectionViewDelegateFlowLayout protocol. For example,- (void)collectionView:(UICollectionView *)theCollectionView layout:(UICollectionViewLayout *)theLayout itemAtIndexPath:(NSIndexPath *)theFromIndexPath willMoveToIndexPath:(NSIndexPath *)theToIndexPath {
id theFromItem = [self.deck objectAtIndex:theFromIndexPath.item];
[self.deck removeObjectAtIndex:theFromIndexPath.item];
[self.deck insertObject:theFromItem atIndex:theToIndexPath.item];
}
Setup your collection view accordingly to your need, run and see it in action! :DLimitationsCollection view come with a default long press gesture recognizer and because we defined our own custom long press gesture recognizer, we created a link between them that requires the custom one to fails before the default one can began.In short, we took over the responsibility of long press gesture with the custom one from the default one. You can disable the custom long press gesture recognizer with the following code snippet, self.longPressGestureRecognizer.enabled = YES, which enabled the default behavior again.RequirementsARCiOS 6Xcode 4.5 and aboveCreditsLXReorderableCollectionViewFlowLayout is created by Stan Chang Khin Boon as part of a project under buUuk.Many thanks to MaximilianL in the Apple Developer Forums for sharing his implementation which lead me to this project.The playing cards in the demo are downloaded from http://www.jfitz.com/cards/.README.md structure is heavily referenced from AFNetworking.CreatorsStan Chang Khin Boon@lxcidLicenseLXReorderableCollectionViewFlowLayout is available under the MIT license.2013-02-05T17:17:41+00:002013-02-05T17:17:41+00:00http://www.binpress.com/app/ios-popover-calendar-view/1300Markelsoftnoreply@binpress.comhttp://www.binpress.comdev/profile/10505A popover calendar view with markable and selectable dates. A popover text menu. Comes with working demo and example code.UIPopoverCalendarView is a class for creating a popover view containing an advanced calendar with marked dates, basic calendar or text menus. For iPad, iPhone and iPod Touch.Advanced calendar supports marked dates which are underlined in your desired color. Differentiation between clicking marked and regular dates allow for processing key dates. Marked dates supplied can be any dates you desire and the calendar will automatically mark dates for the calendar month.Easy to use, simple, clean and animatedAdjustable animation speed and customization.Easy Popover CreationStatic factory methods allow you to easily create advanced, basic and text based popover views in your app. Instance methods allow for increased flexibility and access to popover, calendar and text.Calendar in popover selection causes callback to your application for date change, month change, date selection, marked date selection and popover dismissal.View in popover selection causes callback to your application for view selection and popover dismissal.Text menu popover selection causes callback to your application for text menu selection and popover dismissal.Popover view can be automatically dismissed when selected or can stay visible.Some Usescreate a popover with an advanced calendar showing current date, mark dates of importance and specific mark underline color, go to previous or next month, date selection for marked and unmarked dates.create a popover with an basic calendar showing current date, previous month, next month but for view-only use.create a popover menu with selectable text menu items.create a popover view with your own specified selectable UIView.create other types of popover view to suite your needs using included classes.many dates tools for processing and using dates.iOS6 ComponentUIPopoverCalendarView is powerful, fast and simple to use.It's tested and works fine on iOS6 but will work on any other version as well.2013-01-30T16:12:30+00:002013-01-30T16:12:30+00:00http://www.binpress.com/app/piano-keyboard-for-ios/1282Ben Smileynoreply@binpress.comhttp://www.binpress.comdev/profile/14290High Performance multi-touch piano keyboard for iPhone and iPad. This MIDI enabled keyboard is ready to plug straight in to your App. Making a good screen-based keyboard is difficult and time-consuming. If you go for the simple approach and lay the keys out manually, you sacrifice flexibility. However, laying the keys out programatically is difficult to get right. Then you have to be able to track up to 10 touches simultaneously allowing the user to play chords and swipe their finger over the notes to activate them.This piano plugin does all the hard work for you. It provides a high-performance, thoroughly tested piano implementation that can easily be integrated with MIDI.High performance touch tracking for up to 10 simultaneous touchesEasy integration, key-down and key-up commands are available in real-timeFlexible keyboard size Keyboard scale can be easily changedEasy to read code with lots of commentsLook and feel of the keyboard can be changed by adding your own imagesNotes can be assigned a MIDI numberThe project provide includes an example of how the keyboard can be connected to an AUGraph to produce realistic piano soundsThis keyboard took over 20 hours to design and test. You can add it to your App using just 3 lines of code!