0 rating
  • 1
  • 2
  • 3
  • 4
  • 5
Compatible with
  • iOS

ViewSplitter 3.2

Appracatappra, LLC.

A draggable, customizable divider between two views

Getting Started License Website Close
$50.00 Purchase

Component purchases are disabled. Visit the developer's website to research other purchase options.

About ViewSplitter

ViewSplitter is a draggable, customizable divider between two views that can automatically handle resizing or moving the views attached to it. The ViewSplitter supports both horizontal and vertical orientations and has several options to control its behavior such as:

  • minimumBefore - Sets the minimal amount of space for the view before the splitter
  • minimunAfter - Sets the minimal amount of space for the view after the splitter
  • doubleTapAction - Can be set to move the splitter to the minimum before or after position
  • fullSplitterDraggable - Makes the entire splitter draggable and not just its dragThumb area

ViewSplitter is fully customizable with user definable appearances for every element of its UI and you can control the location of the dragThumb as: Top or Left, Middle, Bottom or Right (depending on the ViewSplitter's orientation).

Features

ViewSplitter includes a fully documented API with comments for every feature. The ViewSplitter user interface is drawn with vectors and is fully resolution indenpendant.

Example

ViewSplitter was designed to make adding it to a project super easy. Start an iPad or iPhone project in Xamarin Studio and build the project. Next, double click the MyProjectViewController.xib file to open it in Xcode. Insert a UIView, make it 30 pixels wide and place it in the center of the view, change its Class to UIViewSplitter. Then add two other views to either side of the Splitter for it to control.

Now switch to the Editor view in Xcode and create an outlets for your UIViewSplitter and the views it controls. Save the project and switch back to Xamarin Studio. In your ViewDidLoad method setup your ViewSplitter and quickly attach the views for it to control:

using Appracatappra.UIKit.ViewSplitter;
...

public override void ViewDidLoad ()
{
    base.ViewDidLoad ();

    // Set the location of the dragThumb
    viewSplitter.thumbLocation = UIViewSplitterThumbLocation.BottomOrRight;

    // Make the entire splitter draggable
    viewSplitter.fullSplitterDraggable = true;

    // Attach views
    viewSplitter.viewBefore=leftView;
    viewSplitter.minimumBefore = 0f;
    viewSplitter.viewAfter = rightView;
    viewSplitter.minimumAfter = 150F;

    // Send the splitter to the "before mimimum" if double tapped
    // If double tapped again, return to the previous location
    viewSplitter.doubleTapAction = UIViewSplitterDoubleTapAction.MovesToMimimumBefore;

    // Setup subSplitter
    subSplitter.onMainView = false;
    subSplitter.viewBefore = topView;
    subSplitter.minimumBefore = 200f;
    subSplitter.viewAfter = bottomView;
    subSplitter.minimumAfter = 100f;

    // Move the top view instead of scaling it
    subSplitter.viewBeforeAdjustAction = UIViewSplitterAdjustViewAction.MoveView;

    // Wireup the move button
    moveButton.TouchDown += (sender, e) => {
        // Move the first splitter to the given location
        viewSplitter.splitterAt=100f;
    };

    // Wireup the restyle button
    restyleButton.TouchDown+= (sender, e) => {
        // Restyle to second splitter
        subSplitter.appearance.background=UIColor.FromRGBA(0.038f, 0.581f, 0.836f, 1.000f);
        subSplitter.appearance.backgroundFade=UIColor.FromRGBA(0.587f, 1.000f, 0.568f, 1.000f);
        subSplitter.appearance.thumbBlendMode=MonoTouch.CoreGraphics.CGBlendMode.Normal;
        subSplitter.appearance.thumbBackground=UIColor.FromRGBA(0.587f, 1.000f, 0.568f, 1.000f);
        subSplitter.appearance.thumbBorder=UIColor.FromRGBA(0.038f, 0.581f, 0.836f, 1.000f);
    };
}

NOTE: ViewSplitters and the UIViews that they control can be completely created in C# code without using .xib files.

Trial Version

The Trial version of ViewSplitter is fully functional however the splitter background is watermarked. The fully licensed version removes this watermark.

Screenshots created with PlaceIt and may contain simulated functionality not included in the ViewSplitter.

Release Notes

Version 03.02

The following features and bug fixes have been added to ViewSplitter in version 03.00:

  • Unified API - Added support for the Unified APIs and 64 bit applications.

Version 03.00

The following features and bug fixes have been added to ViewSplitter in version 03.00:

  • Unified API - Added support for the Unified APIs and 64 bit applications.

Version 02.00

The following features and bug fixes have been added to ViewSplitter in version 02.00:

  • iOS 8 Support - Added support for iOS 8.
  • Size Issues - Fixes issues with sizing on iSO 7 and greater.
  • Orientation Issues - Fixes issues with orientation on iSO 7 and greater.

Version 01.03

The following features and bug fixes have been added to ViewSplitter in version 01.03:

  • Double Click - Fixes an issue with double clicking in Xamarin.iOS

Version 01.02

The following features and bug fixes have been added to ViewSplitter in version 01.02:

  • Static Linking - Fixed an error with static linking in Xamarin.iOS.
  • Auto Select iOS 7 Styling - Automatically selects iOS 7 appearance if running on an iOS 7 device.
  • Color Adjustments - Adjusted several colors to better fit with iOS 7 design language
  • Enhancements - Various other minor enhancement and performance tweaks.

Version 01.01

The following features and bug fixes have been added to ViewSplitter in version 01.01:

  • New icon
  • Fixed missing default screen in sample app
  • Updated sample app
Be the first to write a review