Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
202 lines (198 sloc) 14.5 KB
<?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:TelerikListView.Portable"
xmlns:vm="clr-namespace:TelerikListView.ViewModels"
xmlns:telerikPrimitives="clr-namespace:Telerik.XamarinForms.Primitives;assembly=Telerik.XamarinForms.Primitives"
xmlns:telerikDataControls="clr-namespace:Telerik.XamarinForms.DataControls;assembly=Telerik.XamarinForms.DataControls"
xmlns:telerikChart="clr-namespace:Telerik.XamarinForms.Chart;assembly=Telerik.XamarinForms.Chart"
xmlns:telerikInput="clr-namespace:Telerik.XamarinForms.Input;assembly=Telerik.XamarinForms.Input"
xmlns:telerikGauges="clr-namespace:Telerik.XamarinForms.DataVisualization.Gauges;assembly=Telerik.XamarinForms.DataVisualization"
xmlns:telerikGrid="clr-namespace:Telerik.XamarinForms.DataGrid;assembly=Telerik.XamarinForms.DataGrid"
xmlns:telerikBarcode="clr-namespace:Telerik.XamarinForms.Barcode;assembly=Telerik.XamarinForms.Barcode"
xmlns:telerikConversationalUI="clr-namespace:Telerik.XamarinForms.ConversationalUI;assembly=Telerik.XamarinForms.ConversationalUI"
xmlns:telerikImageEditor="clr-namespace:Telerik.XamarinForms.ImageEditor;assembly=Telerik.XamarinForms.ImageEditor"
xmlns:telerikMap="clr-namespace:Telerik.XamarinForms.Map;assembly=Telerik.XamarinForms.Map"
xmlns:telerikPdfViewer="clr-namespace:Telerik.XamarinForms.PdfViewer;assembly=Telerik.XamarinForms.PdfViewer"
xmlns:telerikListView="clr-namespace:Telerik.XamarinForms.DataControls.ListView;assembly=Telerik.XamarinForms.DataControls"
xmlns:telerikCommon="clr-namespace:Telerik.XamarinForms.Common;assembly=Telerik.XamarinForms.Common"
x:Class="TelerikListView.Portable.MainPage"
Title="{Binding Title}">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<BoxView BackgroundColor="{StaticResource BlueActiveColor}"
Margin="0,0,0,40"/>
<Frame BackgroundColor="{StaticResource BlueActiveColor}"
HeightRequest="200"
HasShadow="False"
CornerRadius="40">
<telerikChart:RadCartesianChart BackgroundColor="{StaticResource BlueActiveColor}">
<telerikChart:RadCartesianChart.HorizontalAxis>
<telerikChart:CategoricalAxis LabelFitMode="MultiLine"
PlotMode="OnTicks"
LabelFontSize="10"
LabelTextColor="White"
/>
</telerikChart:RadCartesianChart.HorizontalAxis>
<telerikChart:RadCartesianChart.VerticalAxis>
<telerikChart:NumericalAxis ShowLabels="False" MajorStep="25" />
</telerikChart:RadCartesianChart.VerticalAxis>
<telerikChart:RadCartesianChart.Series>
<telerikChart:SplineAreaSeries Fill="White"
Stroke="{StaticResource BlueInactiveColor}"
ValueBinding="OpenTasks"
CategoryBinding="Name"
ItemsSource="{Binding Burndown}"/>
</telerikChart:RadCartesianChart.Series>
</telerikChart:RadCartesianChart>
</Frame>
<telerikDataControls:RadListView
ItemsSource="{Binding TeamStatus}"
Grid.Row="1"
BackgroundColor="White">
<telerikDataControls:RadListView.LayoutDefinition>
<telerikListView:ListViewLinearLayout ItemLength="200" />
</telerikDataControls:RadListView.LayoutDefinition>
<telerikDataControls:RadListView.GroupDescriptors>
<telerikListView:PropertyGroupDescriptor PropertyName="Name"/>
</telerikDataControls:RadListView.GroupDescriptors>
<telerikDataControls:RadListView.GroupHeaderTemplate>
<DataTemplate>
<Grid Padding="12,6" BackgroundColor="#fefefe">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="24" />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Label Text="&#x25B8;" VerticalOptions="Center" TextColor="DarkGray" FontSize="Title">
<Label.Triggers>
<DataTrigger TargetType="Label" Binding="{Binding IsExpanded}" Value="True">
<Setter Property="Text" Value="&#x25BE;" />
</DataTrigger>
</Label.Triggers>
</Label>
<Label VerticalOptions="Center"
Text="{Binding }"
Grid.Column="1"
TextColor="Black"
FontSize="Medium"
FontAttributes="Bold"
HorizontalOptions="Start" />
</Grid>
</DataTemplate>
</telerikDataControls:RadListView.GroupHeaderTemplate>
<telerikDataControls:RadListView.ItemTemplate>
<DataTemplate>
<telerikListView:ListViewTemplateCell>
<telerikListView:ListViewTemplateCell.View>
<Grid>
<Frame Margin="20, 20, 10, 20" CornerRadius="20" HasShadow="False" BackgroundColor="{StaticResource TileColor}"/>
<telerikGauges:RadRadialGauge
StartAngle="90"
SweepAngle="360"
HeightRequest="200"
WidthRequest="200"
Margin="0,20,0,0">
<telerikGauges:RadRadialGauge.Axis>
<telerikGauges:GaugeLinearAxis Maximum="100"
Minimum="0"
Step="100"
TextColor="Transparent"
StrokeThickness="0" />
</telerikGauges:RadRadialGauge.Axis>
<telerikGauges:RadRadialGauge.Indicators>
<telerikGauges:GaugeRangeBarIndicator From="0"
To="{Binding Progress}">
<telerikGauges:GaugeRangeBarIndicator.GradientStops>
<telerikCommon:RadGradientStop Offset="0" Color="{StaticResource BlueActiveColor}" />
<telerikCommon:RadGradientStop Offset="100" Color="{StaticResource BlueActiveColor}" />
</telerikGauges:GaugeRangeBarIndicator.GradientStops>
</telerikGauges:GaugeRangeBarIndicator>
</telerikGauges:RadRadialGauge.Indicators>
<telerikGauges:RadRadialGauge.Ranges>
<telerikGauges:GaugeRangesDefinition>
<telerikGauges:GaugeGradientRange From="0" To="100">
<telerikCommon:RadGradientStop Offset="0" Color="{StaticResource BlueInactiveColor}" />
<telerikCommon:RadGradientStop Offset="100" Color="{StaticResource BlueInactiveColor}" />
</telerikGauges:GaugeGradientRange>
</telerikGauges:GaugeRangesDefinition>
</telerikGauges:RadRadialGauge.Ranges>
</telerikGauges:RadRadialGauge>
<Label
Text="Tasks"
HorizontalTextAlignment="Center"
FontSize="Medium"
VerticalOptions="Start"
Margin="0,25,0,0"
TextColor="Gray"/>
<Label
HorizontalTextAlignment="Center"
FontSize="Medium"
VerticalOptions="Center"
Margin="0,20,0,0"
TextColor="{StaticResource BlueActiveColor}">
<Label.FormattedText>
<FormattedString>
<Span Text="{Binding Completed}" FontSize="Medium"/>
<Span Text="/" FontSize="Small"/>
<Span Text="{Binding Total}" FontSize="Small"/>
</FormattedString>
</Label.FormattedText>
</Label>
<Frame Margin="10, 20, 20, 20" CornerRadius="20" HasShadow="False" BackgroundColor="{StaticResource TileColor}"
Grid.Column="1"/>
<telerikGauges:RadRadialGauge Grid.Column="1"
StartAngle="90"
SweepAngle="360"
HeightRequest="200"
WidthRequest="200"
Margin="0,20,0,0">
<telerikGauges:RadRadialGauge.Axis>
<telerikGauges:GaugeLinearAxis Maximum="100"
Minimum="0"
Step="100"
TextColor="Transparent"
StrokeThickness="0" />
</telerikGauges:RadRadialGauge.Axis>
<telerikGauges:RadRadialGauge.Indicators>
<telerikGauges:GaugeRangeBarIndicator From="0"
To="{Binding Capacity}">
<telerikGauges:GaugeRangeBarIndicator.GradientStops>
<telerikCommon:RadGradientStop Offset="0" Color="{StaticResource GreenActiveColor}" />
<telerikCommon:RadGradientStop Offset="100" Color="{StaticResource GreenActiveColor}" />
</telerikGauges:GaugeRangeBarIndicator.GradientStops>
</telerikGauges:GaugeRangeBarIndicator>
</telerikGauges:RadRadialGauge.Indicators>
<telerikGauges:RadRadialGauge.Ranges>
<telerikGauges:GaugeRangesDefinition>
<telerikGauges:GaugeGradientRange From="0" To="100">
<telerikCommon:RadGradientStop Offset="0" Color="{StaticResource GreenInactiveColor}" />
<telerikCommon:RadGradientStop Offset="100" Color="{StaticResource GreenInactiveColor}" />
</telerikGauges:GaugeGradientRange>
</telerikGauges:GaugeRangesDefinition>
</telerikGauges:RadRadialGauge.Ranges>
</telerikGauges:RadRadialGauge>
<Label Grid.Column="1"
Text="Capacity"
HorizontalTextAlignment="Center"
FontSize="Medium"
VerticalOptions="Start"
Margin="0,25,0,0"
TextColor="Gray"/>
<Label Grid.Column="1"
Text="{Binding Capacity, StringFormat='{0}%'}"
HorizontalTextAlignment="Center"
FontSize="Medium"
VerticalOptions="Center"
Margin="0,20,0,0"
TextColor="{StaticResource GreenActiveColor}"/>
</Grid>
</telerikListView:ListViewTemplateCell.View>
</telerikListView:ListViewTemplateCell>
</DataTemplate>
</telerikDataControls:RadListView.ItemTemplate>
</telerikDataControls:RadListView>
</Grid>
</ContentPage>
You can’t perform that action at this time.