chrfalch / ncontrol.controls

Control implementations using the NControl library.

NControl.Controls

Sample Control implementations using the NControl library. Implementations for iOS/Android/Windows Phone 8/8.1 is included.

Initialization

Call NControls.Init () in your app startup code.

Controls

Some of this controls are just conceptual demos of things that can be accomplished with NControl and Xamarin.Forms. Other controls are complete.

SvgImage

Control that can read svg files using the SvgReader class found in NGraphics. The control handles resizing and redrawing within Xamarin.Forms. Uses embedded resources for svg files. To load an svg file, set the SvgAssemblyType property to a type defined in the assembly where the svg file is embedded, and provide the full resouce path for the embedded svg file to the SvgResource property.

Thanks to Veridit As for sponsorship

BlurImageView (conceptual)

Simple but full implementation of a Xamarin.Forms Image that blurs the image.

CalendarView (conceptual)

Simple calendar view.

CardPage

Popup in Xamarin.Forms with full support for view models, page and content.

FloatingLabel

Fully implemented floating label from Brad Frost's Floating Label concept.

RoundCornerView

Implements a content view with round corners and correct clipping on all platforms.

FontAwesomeLabel

Label with constants for FontAwesome icons

FontMaterialDesignLabel

Label with constnats for Material design icons.

GalleryView (conceptual)

Container view with snapping and sliding.

PagingView

Page control based on the iOS paging control.

RippleButton (conceptual)

Material design based button with ripple effect.

ActionButton (conceptual)

Material design based action button

ToggleActionButton (conceptual)

Material design based action button with toggle support

ExpandableActionButton (conceptual)

Material design based action button with expanding sub buttons.

TabStripControl

Fully implemented TabControl.

ncontrol.controls's Issues

Action button icon not showing

i can implement the buttons fine, but the icons do not show up

Xamarin.Forms 2.2+ breaks support for Android

Xamarin.Forms 2.2+ introduces a new set of Android support libraries which will break compatibility with libraries that use older versions of Xamarin.Forms. The resolution is to update all projects to add support for 2.2.

TabStrip: Flipping the mobile device

When a page with a TabStrip spreading over the whole width of the screen is loaded on a landscape-oriented mobile device and then the device is flipped to the portrait position, it is not possible to access the rightmost tab headers, because the width of the tab headers is not recalculated.

Error With color

The assignation

editButton.ButtonColor = Color.FromHex("#E91E63");

Doesn't works with Button type:

var editButton = new ActionButton();

What I'm doing bad?

Thanks in advance

Showing hidden ActionButton does not always draw the button circle

When an ActionButton is hidden and then show (by setting the IsVisable property) sometimes (more often then not) the button circle is not drawn on iOS. Tried forcing it by manually calling Invalidate() but it did not help.

iOS app freezes when calling NControls.Init()

I've been able to trace this freeze on calling NControls.Init() down to a third-party dll that has font files in it causing the Init function to freeze on this line:

NControl.Controls/NControl.Controls.iOS/NControls.cs

Line 28 in b60eadb

var cgFont = CGFont.CreateFromProvider (dataProvider);

The third-party dll is the Google.SignIn.Dll which has the Roboto font:

Can you add an overload to the Init function that skips the dynamic loading of the fonts or see if there is a better way that won't cause the same issue? The Init is needed for the linking issue.

Thanks,

John

Reopen the Font Embedding functionality

Try to reopen font embedding after fix in #17 - maybe it helps on iOS devices?

GalleryView Android 4.1 "smearing"

Hi

thanks for the great library - i've successfully used parts of it in an earlier project already and was very grateful for the work that was lifted from my shoulders ;)

At the moment i'm running into a problem using the GalleryView

On Android 4.1 (Emulator) with Support Libraries it is "smearing" as seen on the screenshot above.
The "smearing" appears after dragging the top view to the left (it leaves the smears behind and the next view isn't visible)

Do you have an idea what could be the cause of it?

I've tested it on an 5.1.0 Emulator and there it works smoothly without problems.
(Now i camed around to test it on an 4.4.2 Emulator aswell and there it works too. Which at the moment is good enough - though somebody else might run into the issue)

Unfortunately i can't test it on a device at the moment to verify the issue.

Crash when double tap outside cardpage

a double tap outside a CardPage will crash the app since the popmodalAsync will be called twice.
This can be solved by removing the tapgesturerecognizer when the page is popped (this will also prevent memory leaks)

floating label ; xaml

the examples for floating label are c#

how do i implement with XAML?

appreciate any guidance as under pressure to get solution out the door.

Is it possible to create a custom navigation toolbar with NControl?

The current navigation toolbar of Xamarin.Forms has some serious limitations.

It lacks options to:

• customize Icon positions
• add badge notification counts
• use colored icons
• use background gradients or images
• add custom back and forward arrows buttons
• use custom fonts in the bar title
• use attributed strings for localization and formatting
• change the color of the icons when receive notifications
• drop shadows below the primary and the secondary bar
• use the secondary bar like a tab bar with animated underline horizontal movement when changing tabs

Is it possible to create a custom navigation toolbar with NControl, so that one can easily add all those features in a cross platform way? A basic template of such control would be awesome.

Updating to XF 2.0 Breaks ExtendedEntryRenderer in IOS

(Control as UITextField).TextAlignment = (Element as ExtendedEntry).HorizontalTextAlignment.ToUiTextAlignment();

ToUiTextalignment() Extension method no longer exists.

FloatingLabelControl needs to surface the .Focus() event to set the ExtendedEntry focus just like Xamarin.Forms.Entry

I am unable to set the focus on the floatingLabelControl. The FloatingLabelControl needs to surface the .Focus() event to set the ExtendedEntry focus just like Xamarin.Forms.Entry.

Thanks.

WizardLayout xaml support

I know the WizardLayout has just been added - was wondering if xaml definition support is somewhere on the todo list.
Adding views to Pages element in xaml currently throws exception "property Pages is null or not IEnumerable"

<ncontrols:WizardLayout Page="{Binding WizardSelectedPage}" > <ncontrols:WizardLayout.Pages> <views:View1 BindingContext="{Binding View1ViewModel}" /> <views:View2 BindingContext="{Binding View2ViewModel}" /> </ncontrols:WizardLayout.Pages> </ncontrols:WizardLayout>

NControl 0.7.2 on NuGet?

I am going to upgrade to Xamarin.Forms 2.0 and I would like to upgrade NControl to the version 0.7.2 using NuGet, but NuGet still does not know the version 0.7.2. When will it be added to NuGet?

TextChanged event

I need to implement textchanged event, is there a way to do that? please help

ViewExtensions.GetRenderer(VisualElement)' is obsolete: 'Use Platform.GetRenderer'

Fix these warnings

Change to FormsAppCompatActivity/Material Design for demo

We need to support the new FormsAppCompatActivity with Material Design.

Add Repeater Control

Add an ItemsSource/DataTemplate based repeater control

SvgImage: How to specify SvgAssembly or SvgAssemblyType in XAML

What's the cleanest way?
I wish that these properties had a type converter to allow that.

SvgImage: allow 9-slice SVG rendering

[Spun off from a issue on NGraphics.]

Potential implementation: https://github.com/twintechs/NControl.Controls.SvgImageView

The goal is to allow functionality similar to 9-patch Android image assets and StretchableImage/CreateResizableImage. Someone consuming the control would set inset values that would dictate corner areas that are preserved while stretching content to render in all the remaining areas.

I've created a control that makes this work (originally based on a different NGraphics-derived SvgImage, but now available in the above NControl-based solution. For more details, check out this blog post describing my [9-slice SVG approach](For more details, check out this blog post describing my 9-slice SVG approach.).

Unfortunately, since this naive 9-slice implementation requires drawing a series of canvases into the final desired canvas, it needs access to the ability to create a platform canvas. (That is why I had to create the custom renderers.) I wasn't sure how to make that work within the NControl system. It looks like NGraphics' next release will offer a Platforms.Current to avoid this entirely, but I wanted to put this out there now in case there is a solution available within the current NControl library for generating a platform canvas.

Fix issue with corners in card page being a little off when setting background color

Setting background color on the content in a CardPage causes the corners to be a little bit off. Should be fixed.

NControl not working in UWP project

Hi Team,
I have installed NControl.NetCore and NControl.Controls nuget in my Xamarin.Forms project in both .NetStandard and UWP.
Version Info-

1. .NetStandard 2.0
2. Xamarin.Forms 3.6

Problem:-

The controls are not rendering in my project. I have read that for IOS and android I need to initialize library by "NControls.Init()" or "NControlVireRenderer.Init()" but in UWP both init methods are unavailable.

Does this library support UWP apps or not. If Yes, can anyone let me know the way to use it in UWP.
Thanks in advance.

Update to latest NControl 0.9.1

Update references to NControl to use 0.9.1

RoundCornerView does not work.

RoundCornerView does not work.
But it works only in XAML preview.

using Foundation;
using UIKit;

using NControl.iOS;

namespace RoundApp.iOS
{
    [Register("AppDelegate")]
    public partial class AppDelegate : global::Xamarin.Forms.Platform.iOS.FormsApplicationDelegate
    {
        public override bool FinishedLaunching(UIApplication app, NSDictionary options)
        {
            global::Xamarin.Forms.Forms.Init();
            NControlViewRenderer.Init();

            LoadApplication(new App());

            return base.FinishedLaunching(app, options);
        }
    }
}

<?xml version="1.0" encoding="utf-8"?>
<ContentPage
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:RoundApp"
    xmlns:nc="clr-namespace:NControl.Controls;assembly=NControl.Controls"
    x:Class="RoundApp.RoundAppPage">

    <StackLayout HorizontalOptions="Center" VerticalOptions="Center">
        <nc:RoundCornerView  CornerRadius="10" BackgroundColor="Red" HeightRequest="100" WidthRequest="100" />
    </StackLayout>
    
</ContentPage>

RoundedCornerView does not layout its content in Android.

RoundedCornerView can have another view set as its content, which can be aligned using Horizontal/VeriticalOptions. This works as expected in iOS, but not in Android.

I've made a quick project to demonstrate this bug here
https://github.com/antontsvil/NControls-RoundedCornerView-LayoutBug

iOS, Horizontal Center, Vertical Center

Android, Horizontal Center, Vertical Center

Android, Vertical EndAndExpand

Seems like on android, the control is not aware of its own full width, and is missing half it's height. As even setting it to EndAndExpand will leave it stuck on the left side, halfway down. This behavior is not present if you don't set any layout options. In that case, the control will center the view like so :

ActionButton Binding not toggle button

Hello sir. I have set action button to binding command it work but not working on toggle property I don't know why Please help me resolve this. But when I do it on cs file it working normal. So how can I do? Hope that you help soon

Add SvgImage control to library

Create SvgImage control

Update to latest version of MaterialDesign icons

Update font resource with latest version of font
Update font constants

ExpandableActionButton Sub-button commands aren't working.

ExpandableActionButton Sub-button commands aren't working or triggering.

Even trying the ExpandableActionButton demo codes does not work.

How to implement ActionButton on XAML? With FontAwesome icon?

FontSize Resource

Hi
When defining FontawesomeLabel FontSize in Resources via XAML, presents no effect on runtime, any clues.
<ScrollView.Resources> <ResourceDictionary> <Style TargetType="ctrl:FAExt"> <Setter Property="FontSize" Value="30"/> <Setter Property="TextColor" Value="Blue"/> </Style> </ResourceDictionary> </ScrollView.Resources>

TabStripControl in XAML

Hi Chris,

You've created some very nice controls! I have a question. I tried to create a TabStripControl in XAML, but I got an error that TabItem has no default constructor. And that's indeed the case. Is it possible to use this control in XAML? Do you have an example?

Best regards,

Johan.

CardPage hides NavigationBar on Android - bad animation!

Open the demo on Android and show the CardPage. Observe that the animation that hides the navigation bar is looking awful.

Problem
Android hides the navigation bar when you push a modal page that is not contained in a navigation page.

Need to update material design font and add more font constants

The material design font has been updated and we also need to add more font constants.

Xaml Examples

Could you please give some example of using TabStripControl in xaml. I have already tried but it does not appear

xmlns:nct="clr-namespace:NControl.Controls;assembly=NControl.Controls"
<nct:TabStripControl TabBackColor="#FF4A4B" TabIndicatorColor="White" HeightRequest="20">
	<nct:TabStripControl.Children>
	    <nct:TabItem Title="Me">
		   <nct:TabItem.View>
			<StackLayout>
			   <Label Text="View 1"/>
			</StackLayout>
		   </nct:TabItem.View>
	    </nct:TabItem>
	   <nct:TabItem Title="YOU">
		<nct:TabItem.View>
			<StackLayout>
				<Label Text="View 2"/>
			</StackLayout>
		</nct:TabItem.View>
	   </nct:TabItem>
	</nct:TabStripControl.Children>s
</nct:TabStripControl>

Update to latest version of FontAwesome icons

Update the included font resource (version 4.7)
Update constants with new icon names

FloatingLabelControl shows border in my iOS app

Not sure how to recreate this issue, but I get the following border in my app using the FloatingLabelControl:

Here's the code:

<ncontrols:FloatingLabelControl
                        x:Name="entryFirstName"
                        Text="{Binding CurrentChild.FirstName}"
                        Placeholder="First name"
                        Keyboard="Text" />
                    <ncontrols:FloatingLabelControl
                        x:Name="entryLastName"
                        Text="{Binding CurrentChild.LastName}"
                        Placeholder="Last name"
                        Keyboard="Text" />

Xamarin states "Implicit styles do not apply to subclasses." and I have no styles that are set to affect FloatingLabelControl.

Any ideas?

CardPage Customize size

UWP Support

Would be great to get UWP support - windows phone is so noughties ;)

Day labels does not have the correct initial alignment on Android

Open the calendar page demo and observe that labels are aligned top/left instead of center on Android. After clicking on a label it looks ok.

Entry not editable on GalleryView

When placing Entry controls within children of the GalleryView, only entries placed on the first page are editable. Entries on other pages are not editable.
Happens on Android.

Update: seems the whole content of pages 2+ is readonly.

Font-loading does not work correctly on iOS

When testing the font code on the simulator everything seems to be working fine, but when using it on a real device it fails.

The font code has currently been removed on iOS.

ActionButtom icon

I wish if you can help me with my issue .
Im trying to put a custom image as an icon for the ActionButton ,I dont want to use FontAwesome Library.

Please help me as soon as possible.
thanks.

BlurImageView with image from Uri

When I'm using image from Uri, image is not blurred (I have tried on iOS). Can I use image from Uri with BlurImageView. Is there any special way how to load image fr BlurImageView. I'm still Xamarin newbie :)

TabStringControl on iOS

Hi...

First of all, thank's for the great work!!!

I love your control library, its save much off my work!!

I have looked at TabStripControl and on Android its render great, but on iOS its look strange, based on its own design.

Are there a way, on iOS, to render them like Segmented Controls using your DrawingFunction method inside the control? Or are there other way?

If there, I would like to apply a design based on twitter profille page, where on the middle there are a Twitt, Media and Like tab. On Android its use tab control and on iOS its use Segmented Control.

I need to know where to draw and not how draw.

Regards

Nelson

Upgrade to NGraphics 0.4.0

Add control: WizardLayout

Add new control; WizardLayout

SvgImage not working in RelativeLayout?

I've tried SvgImage and found that it does not work correctly for me. I do not see anything drawn in the image.

When looking deeper into the issue, I found that SvgImage relies on its OnMeasure() method to be invoked in order to determine its _size field. However, in my case OnMeasure() seems to be never invoked, probably (?) because I've placed the SvgImage in a RelativeLayout.

As a consequence, _size keeps its default value which is basically a zero size, and this (wrong) value gets transferred to _graphics.Size in SvgImage.Draw().

I'm not an expert with the layouting system, so not exactly sure what would be a correct solution for this problem.

TabStrip: tab page titles displayed twice on Android 4.4.2

I am interested in the “TapStrip” control. I tested the control on a tablet with
Android 4.4.2 and with Visual Studio 2015 first with the original version 1.4.4.6392 of Xamarin.Forms and the version 0.7.0 of NControl. I set the “NControl.Controls.Demo.FormsApp.Droid” project to be the startup one. I see that all the tab page titles are displayes twice (see the enclosed picture).

After upgrading to the currently latest version 2.0.0.6482 of Xamarin.Forms, I am no longer able to build the solution because of some DLL files not able to be copied because they are being used by another process:

Unable to copy file "C:\…\Visual Studio 2015\Projects\NControl.Controls-master\packages\Xamarin.Forms.2.0.0.6482\lib\portable-win+net45+wp80+win81+wpa81+MonoAndroid10+MonoTouch10+Xamarin.iOS10\Xamarin.Forms.Core.dll" to "bin\Debug\Xamarin.Forms.Core.dll". The process cannot access the file 'bin\Debug\Xamarin.Forms.Core.dll' because it is being used by another process.

Closing and reopening Visual Studio does not help.

After upgrading only NControl to the current version 0.7.1, the tab page titles are displayed as expected.

The newest version of Xamarin.Forms with which the solution worked for me is 1.5.1.6471.