How to change DependentRangeAxis in Areachart - xaml

I'm using WinRT-toolkit AreaChart, I need to change DependentRangeAxis directly in XAML code, I want to set a fixed range from 1 to 5.
<Series:Chart
x:Name="QuestionHistory"
Title="Area Chart">
<Series:AreaSeries
Title="MediaRisposte"
AnimationSequence="LastToFirst"
IndependentValueBinding="{Binding Name}"
DependentValueBinding="{Binding Value}"
DependentRangeAxis="???"
IsSelectionEnabled="True" />
</Series:Chart>
Thank you in advance.

((BarSeries)this.LikesChart.Series[0]).IndependentAxis = new LinearAxis() { Minimum = 0, Maximum = 5, Orientation = AxisOrientation.Y };

I know it's nearly 9 years late but I have to use that WinRT chart for a project so I figured I'd answer it in hopes that it has value to someone. The only options you'll be able to choose are DateTimeAxis and LinearAxis. Here's how you change it in XAML...
<Series:Chart
x:Name="QuestionHistory"
Title="Area Chart">
<Series:AreaSeries
Title="MediaRisposte"
AnimationSequence="LastToFirst"
IndependentValueBinding="{Bindng Name}"
DependentValueBinding="{Binding Value}"
IsSelectionEnabled="True">
<Series:AreaSeries.DependentRangeAxis>
<Series:LinearAxis/>
</Series:AreaSeries.DependentRangeAxis>
</Series:AreaSeries>
</Series:Chart>

Related

UWP Xaml Password box allow only numbers

I want to add a passwordbox to my UWP app(Mainly use as a desktop application) which allows only numbers how can I achive this?
I have found a way to achive this.
Xaml:
<PasswordBox
x:Name="ConfirmPinNumber"
Grid.Row="2"
Grid.Column="1"
Width="100"
Height="38"
Padding="10,8,10,0"
HorizontalAlignment="Left"
IsPasswordRevealButtonEnabled="False"
KeyDown="PasswordBox_KeyUp"
MaxLength="8"
PasswordRevealMode="Hidden" />
Xaml.cs:
private void PasswordBox_KeyUp(object sender, KeyRoutedEventArgs e)
{
if (Window.Current.CoreWindow.GetKeyState(VirtualKey.Shift).HasFlag(CoreVirtualKeyStates.Down) ||
!(e.Key >= VirtualKey.Number0 && e.Key <= VirtualKey.Number9 || e.Key >= VirtualKey.NumberPad0 && e.Key <= VirtualKey.NumberPad9 || e.Key == VirtualKey.Enter))
{
e.Handled = true;
return;
}
}
Trying to add special characters using shift key and number keys handle from the below code.
Window.Current.CoreWindow.GetKeyState(VirtualKey.Shift).HasFlag(CoreVirtualKeyStates.Down)

How to change an Windows Image^ attribute with C++

I'm trying to change an Image that I've defined in XAML in C++.
Currently there is no reason for me not to simply define it as it is in XAML, but later on it will need to change, so I want to get that sorted now.
Anyways, here's the XAML:
<Image x:Name="playerBot"
Width="25"
Height="25"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Source="ms-appx:///Assets/Square Button.png"
Stretch="Fill"
RenderTransformOrigin="0.5,0.5">
<Image.RenderTransform>
<CompositeTransform TranslateX="0"
TranslateY="0"
Rotation="0"/>
</Image.RenderTransform>
</Image>
What I have is a class which stores position data and an Image^ for the Image^ defined in XAML.
Sprite.cpp - note that the variables have been defined fine in Sprite.h
image = Windows::ApplicationModel::Package::Current->InstalledLocation->Path + image;
auto img = ref new BitmapImage;
img->UriSource = ref new Uri(image);
m_image = ref new Image;
m_image->Source = img;
m_image->Width = m_width;
m_image->MaxWidth = m_width;
m_image->MinWidth = m_width;
m_image->Height = m_height;
m_image->MaxHeight = m_height;
m_image->MinHeight = m_height;
And finally my 2 attempts to change the Image^ defined in XAML in InGamePage.cpp:
Attempt 1:
String^ img = "Assets//Main Screen Background.png";
player = new Robot(img, 25, 25, 0, 0, 10, 0.5);
playerBot = player->getImage();
Attempt 2:
String^ img = "Assets//Main Screen Background.png";
player = new Robot(img, 25, 25, 0, 0, 10, 0.5);
playerBot->MaxWidth = player->getWidth();
playerBot->MaxHeight = player->getHeight();
playerBot->Source = ref new BitmapImage(ref new Uri(Windows::ApplicationModel::Package::Current->InstalledLocation->Path + img));
What these two methods do is either absolutely nothing (method one) or simply seem to delete the image/make it invisible (method two).
img is definitely the right file location, as I've used it in XAML earlier and it worked fine.

Subscript in Windows Store Apps

How to create a subscripted text in Windows Store App?
The followed codes not work.
var s = new Span();
s.Inlines.Add(new Run() { Text = "subscript" });
ITextCharacterFormat x = (ITextCharacterFormat)s;
x.Subscript = FormatEffect.On;
Paragraph p = new Paragraph();
p.Inlines.Add(s);
rtb.Blocks.Add(p);//rtb is a RichTextBlock
or
<RichTextBlock Name="rtb" Grid.Row="2" >
<Paragraph FontSize="50" >
Some<Span Typography.Variants="Subscript" >subscript</Span>
</Paragraph>
</RichTextBlock>
Does anyone know a way?

How to set axis margin in WinRT XAML Toolkit line chart?

Answer
Finally I solved my answer with this.
((LineSeries)MyChart.Series[0]).IndependentAxis = new LinearAxis
{
Minimum = 1,
Maximum = 5,
Orientation = AxisOrientation.X,
Interval = 1,
Margin = new Thickness(10, 0, 10, 0)
};
((LineSeries)MyChart.Series[0]).Clip = null;
((LineSeries)MyChart.Series[0]).Margin = new Thickness(10, 0, 10, 0);
I am drawing line chart with help of WinRT XAML Toolkit. I am setting X axis manually, but when I set I am getting wierd start & end point. I tried to set margin and padding but it's not working. Will you please suggest me how can I do that ?
((LineSeries)MyChart.Series[0]).IndependentAxis = new LinearAxis
{
Minimum = 1,
Maximum = 5,
Orientation = AxisOrientation.X,
Interval = 1,
//Margin = .... Not working
//Padding = .... Not working
};
I'd use a visual tree debugger to walk up the visual tree from these data points to see where the Clip property is set. In fact I just did that on the samples project and it is set on the LineSeries. See if it's set as part of its XAML template or if it is done in C# and remove it there. Also you could change the Minimum/Maximum values on your X axis to make more space. I'll add cleaning this all up to my TODO list.

How to position a Rectangle in Embedded Silverlight?

I'm trying to position a Rectangle on a Canvas but can't figure out what the correct syntax is to do this. In C# I would write
rect = new Rectangle();
rect.Width = 100D;
rect.Height = 50D;
rect.Fill = new SolidColorBrush(Colors.Red);
rect.StrokeThickness = 2;
rect.Stroke = new SolidColorBrush(Colors.Black);
Canvas.SetLeft(rect,5);
Canvas.SetTop(rect,5);
DrawCanvas.Children.Add(rect);
I try to do the same thing with the embedded code but have trouble with positioning the Rectangle. What is the correct way to create and position a shape on a Canvas programatically in embedded Silverlight? This is what I have so far but when running it nothing shows on the Canvas.
HRESULT MainPage::BtnOk_Click (IXRDependencyObject* pSender, XRMouseButtonEventArgs* ? pArgs)
{
HRESULT hr = E_NOTIMPL;
if ((NULL == pSender) || (NULL == pArgs))
{
hr = E_INVALIDARG;
}
IXRApplicationPtr pApplication;
if (FAILED(hr = App::GetApplication(&pApplication)))
return hr;
IXRVisualHostPtr pVisualHost;
if (FAILED(hr = App::GetVisualHost(&pVisualHost)))
return hr;
//Create Brush
IXRSolidColorBrushPtr pPaintBrushRed;
IXRSolidColorBrushPtr pPaintBrushBlack;
COLORREF brushColorRed = RGB(255,0,0);
COLORREF brushColorBlack = RGB(0,0,0);
pApplication->CreateObject(&pPaintBrushRed);
pPaintBrushRed->SetColor(brushColorRed);
pApplication->CreateObject(&pPaintBrushBlack);
pPaintBrushBlack->SetColor(brushColorBlack);
IXRRectanglePtr pRectangle;
IXRFrameworkElementPtr pRootElement;
IXRCanvasPtr pCanvasPanel;
IXRUIElementCollectionPtr pChildrenCollection;
pApplication->CreateObject(IID_IXRRectangle, &pRectangle);
pRectangle->SetWidth(100);
pRectangle->SetHeight(50);
pRectangle->SetFill(pPaintBrushRed);
pRectangle->SetStroke(pPaintBrushBlack);
pRectangle->SetStrokeThickness(2);
pRectangle->SetName(TEXT("MyRect"));
pVisualHost->GetRootElement(&pRootElement);
pRootElement->FindName(TEXT("DrawCanvas"), &pCanvasPanel);
pCanvasPanel->GetChildren(&pChildrenCollection);
pChildrenCollection->Add(pRectangle, NULL);
pCanvasPanel->SetAttachedProperty(L"MyRect.Left",NULL,5);
pCanvasPanel->SetAttachedProperty(L"MyRect.Top",NULL,5);
/*rect = new Rectangle();
rect.Width = 100D;
rect.Height = 50D;
rect.Fill = new SolidColorBrush(Colors.Red);
rect.StrokeThickness = 2;
rect.Stroke = new SolidColorBrush(Colors.Black);
Canvas.SetLeft(rect,5);
Canvas.SetTop(rect,5);
DrawCanvas.Children.Add(rect);*/
return hr;
}
The XAML Code:
<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:ChartApplication"
x:Class="ChartApplication.MainPage"
Width="640" Height="480">
<Grid x:Name="LayoutRoot" Background="White">
<local:ChartControl Margin="97,58,82,89"/>
<Rectangle Fill="#FFE25E5E" Stroke="Black" Height="133" Margin="97,98,0,0" VerticalAlignment="Top" HorizontalAlignment="Left" Width="217"/>
<Ellipse Fill="#FFB7E25E" Stroke="Black" Height="105" HorizontalAlignment="Right" Margin="0,0,41,78" VerticalAlignment="Bottom" Width="235"/>
<Button x:Name="BtnOk" Height="85" HorizontalAlignment="Left" Margin="113,0,0,89" VerticalAlignment="Bottom" Width="155" Content="Ok" Click="BtnOk_Click"/>
<Canvas x:Name="DrawCanvas" HorizontalAlignment="Right" Margin="0,98,41,198" Width="240" Background="#FFE4E4F2"/>
</Grid>
canvas may not support in embedded silverlight.
You can add directly to Grid
IXRUIElementCollectionPtr pElementCollection;
m_pLayoutRoot->GetChildren(&pElementCollection);
int nIndex=0;
pChildrenCollection->Add(pRectangle, &nIndex);
nIndex++;