eliteKit
Xamarin UI Kit
Welcome back

NOOB Help with setup

Created by Bradley Patterson • 2020-05-19 07:19 PM

Bradley Patterson
User
4
Posts
0
Likes
0 likes

I just found this, installed the NUGET packages and having nothing but trouble in VS 2019.  I am wanting to use FREE initially to see how these controls work.

 

#1 - I added Abstractions and Core lines to the PCL, ios and android projects but I am getting errors that they cannot be found.

 

#2 - How do I add to to UWP?  The documentation does not show how this is done - is this supported?

 

#3 - I attempted to add a Checkbox to my XAML in the PCL and cannot figure out the namespace.  xmlns:elitekit="clr-namespace:SkiaSharp.Views.Forms"  is this correct?

 

#4 - if I decide to get a PRO license, where do I get the Package names that is asked for?  I am targeting UWP and Android but not sure where these values are suppose to come from.

 

Brad

Created 2020-05-19 07:19 PM
Ricardo Vasquez
Administrator
22
Posts
8
Likes
0 likes

Hello Bradley,

 

Thanks for reaching us out. 

 

  1. NuGet Package is intended only for PRO version and it need to be installed in NetStandard, Android and iOS projects. If you install it and you don't have a valid license attached to your project, it won't display anyhting when you reference any control into your views. If you are going to use FREE just download the FREE dll file and add it only to your NetStandard project and install SkiaSharp package as well manually. Feel free to check documentation to see FREE and PRO installation steps. 
  2. Currently we don't have support for UWP since some of our controls (eliteAudio and eliteVideo) are using native platform code and we decided to focus on Android and iOS since those 2 are the most popular platforms this days but if we see more people is requiesting UWP then that can change on a future release. If you add FREE .dll to UWP and manually install SkiaSharp as described in documentation you shoulld be able to use those 10 controls without any issue since they only use SkiaSharp. 
  3. You are correct but you need yo specify the assembly as well: xmlns:eliteKit="clr-namespace:eliteKit.eliteElements;assembly=eliteKit" 
  4. Currently we don't support UWP for PRO version but you can use FREE version without any problem as described in point 2. We can include UWP support for 1.3 version(without eliteVideo and eliteAudio) depending on the time we have. So in this case you should wait until we release 1.3 which will contain all the FREE controls as well (FREE dll will dissappear). 

Hope it helps!

Created 2020-05-20 03:00 AM
Bradley Patterson
User
4
Posts
0
Likes
0 likes

OK thanks, I would really think of buying if UWP was there.  Will see how these other controls work out.

 

So with the below code in my xaml in my PCL I get an Content already added error. What an I doing wrong?

 

<?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:d="http://xamarin.com/schemas/2014/forms/design"

            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"  

            xmlns:prism="clr-namespace:Prism.Mvvm;assembly=Prism.Forms"

            prism:ViewModelLocator.AutowireViewModel="True"              

            mc:Ignorable="d"

             Title="Settings"

            xmlns:eliteKit="clr-namespace:eliteKit.eliteElements;assembly=eliteKit"  

            xmlns:helpers="clr-namespace:DomoticzHome"

            x:Class="DomoticzHome.Views.SettingsPage">

 

   <StackLayout  HorizontalOptions="CenterAndExpand"  >

       <Label Text="Primary Domoticz Server Settings" />

       <StackLayout Orientation="Horizontal">

 

           <StackLayout Orientation="Horizontal">

               <Image Source="{Binding PrimaryServerImage }" WidthRequest="30" HeightRequest="30" Margin="0,20,0,0"/>

 

               <Picker x:Name="picker" Title="Select a protocol" TitleColor="Black" SelectedItem="{Binding Protocol}"  >

                   <Picker.ItemsSource>

                       <x:Array Type="{x:Type x:String}">

                           <x:String>Http://</x:String>

                           <x:String>Https://</x:String>

                       </x:Array>

                   </Picker.ItemsSource>

               </Picker>

 

               <StackLayout Orientation="Vertical" >

                   <Label Text="LAN Address" />

                   <Entry x:Name="primaryServerName" Text="{Binding Address}" WidthRequest="200" TextColor="Black"     >

                   </Entry>

               </StackLayout>

 

               <StackLayout Orientation="Vertical" >

 

                   <Label Text="LAN Port" />

                   <Entry x:Name="primaryServerPort" Text="{Binding Port}"   TextColor="Black" HorizontalOptions="Center" >

                       <Entry.Behaviors>

                           <helpers:NumericValidationBehavior />

                       </Entry.Behaviors>

                   </Entry>

               </StackLayout>

           </StackLayout>

       </StackLayout>

 

.......

 

 

   <eliteKit:eliteFooter

 VerticalOptions="End"

 HorizontalOptions="FillAndExpand"

 HeightRequest="200"

 ColorPrimary="#548EC1"

 ColorSecondary="#254867">

       <eliteKit:eliteFooter.FooterView>

           <Image

     VerticalOptions="CenterAndExpand"

     HorizontalOptions="CenterAndExpand"

     WidthRequest="80"

     HeightRequest="80" />

       </eliteKit:eliteFooter.FooterView>

   </eliteKit:eliteFooter>

 

 

</ContentPage>

Created 2020-05-21 01:59 AM
Ricardo Vasquez
Administrator
22
Posts
8
Likes
0 likes

Hello Bradley,

 

Based on your xaml i can see you are declaring ContentPage content twice (StackLayout and eliteFooter). eliteFooter should live inside your StackLayout since it's the main container.

 

Hope it helps!

Created 2020-05-21 05:47 PM
Bradley Patterson
User
4
Posts
0
Likes
0 likes

Sorry I moved the footer back up inside the Stackpanel and its compiling at least.  Not sure why it was failing with the Header and Footer when I was testing out the free controls.

 

I'll wack at it some more thank you.

Created 2020-05-21 07:12 PM
Bradley Patterson
User
4
Posts
0
Likes
0 likes

OK I have been playing around with the Free controls but for the life of me I cannot get Images to populate via the Badge control.

 

I have an Image set via the Source via a Binding and you can see in my screenshot that there is a Round Green Circle which denotes connection to my server.

 

 Sample code with has the badge but no image:  I cannot get an image to attach to the post sorry.

        <eliteKit:eliteBadge

         VerticalOptions="Start"

         HorizontalOptions="Center"

         BadgeDirection="TopRight"

         BadgeHeight="80"

         BadgeWidth="80"

         ColorBadge="Red"

         ContentBadge="10">

           <eliteKit:eliteBadge.BadgeView>

               <Image

                 WidthRequest="500"

                 HeightRequest="500"

                 Source="{Binding PrimaryServerImage}" />

           </eliteKit:eliteBadge.BadgeView>

       </eliteKit:eliteBadge>

 

Do you see why this is failing?

 

Created 2020-05-27 12:01 AM
Ricardo Vasquez
Administrator
22
Posts
8
Likes
0 likes

Hello Bradley,

 

Currently we have detected that source property it's not working when you set it through XAML for Basic version. In order for you to see the image correctly please set the BadgeView.Source property value from your CodeBehind and it will work for sure. We will probably release 1.3 this week on NuGet and it will contain ALL controls for FREE with some restrictions (no restrictions for PRO version) so you won't need BASIC dll version anymore and it will contain a lot of minor improvements for all components included the one we are just talking about. Once it is released give it a try and let us know how it works for you :) .Thanks for your interest and hope this helps you in the meantime.

Created 2020-05-27 03:13 AM
We are using cookies!
This website uses cookies to ensure you get the best experience on our website. We're sorry that you can't eat them.
eliteKit
Create beautiful Xamarin Forms apps with eliteKit.
A collection of a lot UI elements made in SkiaSharp.
0
community members
0
eliteKit PRO members
0
eliteKit LITE downloads
0
eliteKit elements
Copyright © 2020. All rights reserved. Made with a lot of love and caffeine.
Powered by eliteCode.