Thanks to visit codestin.com
Credit goes to www.scribd.com

Scribd
Upload
5 views5 pages

Front

The document outlines the layout and functionality of a user interface tab for remapping game controller buttons. It includes various button elements such as face buttons, center buttons, shoulder buttons, stick buttons, and D-Pad buttons, each with associated actions and tooltips. The design utilizes a combination of borders, text blocks, and canvas for positioning and styling the buttons.

Uploaded by

ovevalij
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
5 views5 pages

Front

The document outlines the layout and functionality of a user interface tab for remapping game controller buttons. It includes various button elements such as face buttons, center buttons, shoulder buttons, stick buttons, and D-Pad buttons, each with associated actions and tooltips. The design utilizes a combination of borders, text blocks, and canvas for positioning and styling the buttons.

Uploaded by

ovevalij
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 5

<!

-- Remapear Tab -->


<TabItem Header="Remapear" Style="{StaticResource ModernTabItem}">
<Border Background="Transparent">
<StackPanel>
<Grid HorizontalAlignment="Center" VerticalAlignment="Center">
<Border Background="Transparent" CornerRadius="20" Padding="60">
<Image
Source="pack://application:,,,/TargetSync;component/images/controller2.png"
HorizontalAlignment="Center" Stretch="Uniform" MaxWidth="900" MaxHeight="480"
Width="752"/>
</Border>
<Canvas Width="900" Height="350" HorizontalAlignment="Center"
VerticalAlignment="Center">
<!-- Face Buttons -->
<Border Canvas.Left="750" Canvas.Top="94" Background="#080908"
CornerRadius="10" Padding="7" HorizontalAlignment="Left"
VerticalAlignment="Center">
<TextBlock x:Name="BtnA" Text="A" Foreground="White"
FontWeight="Bold" FontSize="16" MouseLeftButtonDown="RebindButton_Click"
Cursor="Hand" Tag="A">
<TextBlock.ToolTip>Ação: Pular /
Interagir</TextBlock.ToolTip></TextBlock>
</Border>
<Border Canvas.Left="779" Canvas.Top="61" Background="#080908"
CornerRadius="10" Padding="7" HorizontalAlignment="Center" VerticalAlignment="Top">
<TextBlock x:Name="BtnB" Text="B" Foreground="White"
FontWeight="Bold" FontSize="16" MouseLeftButtonDown="RebindButton_Click"
Cursor="Hand" Tag="B">
<TextBlock.ToolTip>Ação: Agachar / Deslizar /
Deitar</TextBlock.ToolTip></TextBlock>
</Border>
<Border Canvas.Left="686" Canvas.Top="-10" Background="#080908"
CornerRadius="10" Padding="7" HorizontalAlignment="Left"
VerticalAlignment="Center">
<TextBlock x:Name="BtnX" Text="X" Foreground="White"
FontWeight="Bold" FontSize="16" MouseLeftButtonDown="RebindButton_Click"
Cursor="Hand" Tag="X">
<TextBlock.ToolTip>Ação: Recarregar /
Usar</TextBlock.ToolTip></TextBlock>
</Border>
<Border Canvas.Left="743" Canvas.Top="27" Background="#080908"
CornerRadius="10" Padding="7" HorizontalAlignment="Center" VerticalAlignment="Top">
<TextBlock x:Name="BtnY" Text="Y" Foreground="White"
FontWeight="Bold" FontSize="16" MouseLeftButtonDown="RebindButton_Click"
Cursor="Hand" Tag="Y">
<TextBlock.ToolTip>Ação: Trocar
Arma</TextBlock.ToolTip></TextBlock>
</Border>

<!-- Center Buttons -->


<Border Canvas.Top="-55" Background="#080908" CornerRadius="10"
Padding="10" HorizontalAlignment="Center" VerticalAlignment="Top">
<Border.Style>
<Style TargetType="Border">
<Setter Property="Canvas.Left">
<Setter.Value>
<MultiBinding Converter="{StaticResource
CenterOffsetMultiConverter}">
<Binding ElementName="BtnStart"
Path="ActualWidth" />
<Binding>
<Binding.Source>
<sys:Double>910</sys:Double>
</Binding.Source>
</Binding>
<Binding>
<Binding.Source>
<sys:Double>51</sys:Double>
</Binding.Source>
</Binding>
</MultiBinding>
</Setter.Value>
</Setter>
</Style>
</Border.Style>
<TextBlock x:Name="BtnStart" Text="START"
Foreground="White" FontWeight="Bold" FontSize="16"
MouseLeftButtonDown="RebindButton_Click" Cursor="Hand" Tag="START">
<TextBlock.ToolTip>Ação:
Menu</TextBlock.ToolTip></TextBlock>
</Border>
<Border Canvas.Top="-55" Background="#080908" CornerRadius="10"
Padding="10" HorizontalAlignment="Center" Canvas.Left="400"
VerticalAlignment="Top">
<Border.Style>
<Style TargetType="Border">
<Setter Property="Canvas.Left">
<Setter.Value>
<MultiBinding Converter="{StaticResource
CenterOffsetMultiConverter}">
<Binding ElementName="BtnBack"
Path="ActualWidth" />
<Binding>
<Binding.Source>
<sys:Double>740</sys:Double>
</Binding.Source>
</Binding>
<Binding>
<Binding.Source>
<sys:Double>51</sys:Double>
</Binding.Source>
</Binding>
</MultiBinding>
</Setter.Value>
</Setter>
</Style>
</Border.Style>
<TextBlock x:Name="BtnBack" Text="BACK" Foreground="White"
FontWeight="Bold" FontSize="16" MouseLeftButtonDown="RebindButton_Click"
Cursor="Hand" Tag="BACK">
<TextBlock.ToolTip>Ação:
Mapa</TextBlock.ToolTip></TextBlock>
</Border>

<!-- Shoulder Buttons -->


<Border Canvas.Top="-47" Background="#080908" CornerRadius="10"
Padding="7">
<Border.Style>
<Style TargetType="Border">
<Setter Property="Canvas.Left">
<Setter.Value>
<MultiBinding Converter="{StaticResource
CenterOffsetMultiConverter}">
<Binding ElementName="BtnLB"
Path="ActualWidth" />
<Binding>
<Binding.Source>
<sys:Double>170</sys:Double>
</Binding.Source>
</Binding>
<Binding>
<Binding.Source>
<sys:Double>50</sys:Double>
</Binding.Source>
</Binding>
</MultiBinding>
</Setter.Value>
</Setter>
</Style>
</Border.Style>
<TextBlock x:Name="BtnLB" Text="LB" Foreground="White"
FontWeight="Bold" FontSize="16" MouseLeftButtonDown="RebindButton_Click"
Cursor="Hand" Tag="LB">
<TextBlock.ToolTip>Ação: Equipamento Tático /
Granadas</TextBlock.ToolTip></TextBlock>
</Border>
<Border Canvas.Left="785" Canvas.Top="-46" Background="#080908"
CornerRadius="10" Padding="7" HorizontalAlignment="Left"
VerticalAlignment="Center">
<TextBlock x:Name="BtnRB" Text="RB" Foreground="White"
FontWeight="Bold" FontSize="16" MouseLeftButtonDown="RebindButton_Click"
Cursor="Hand" Tag="RB">
<TextBlock.ToolTip>Ação: Equipamento
Letal</TextBlock.ToolTip></TextBlock>
</Border>

<!-- Stick Buttons -->


<Border Canvas.Top="38" Background="#080908" CornerRadius="10"
Padding="10" HorizontalAlignment="Center" VerticalAlignment="Top"
Canvas.Left="151">
<Border.Style>
<Style TargetType="Border">
<Setter Property="Canvas.Left">
<Setter.Value>
<MultiBinding Converter="{StaticResource
CenterOffsetMultiConverter}">
<Binding ElementName="BtnL3"
Path="ActualWidth" />
<Binding>
<Binding.Source>
<sys:Double>220</sys:Double>
</Binding.Source>
</Binding>
<Binding>
<Binding.Source>
<sys:Double>50</sys:Double>
</Binding.Source>
</Binding>
</MultiBinding>
</Setter.Value>
</Setter>
</Style>
</Border.Style>
<TextBlock x:Name="BtnL3" Text="L3" Foreground="White"
FontWeight="Bold" FontSize="16" MouseLeftButtonDown="RebindButton_Click"
Cursor="Hand" Tag="L3">
<TextBlock.ToolTip>Ação: Correr / Tática
(Pressionar)</TextBlock.ToolTip></TextBlock>
</Border>
<Border Canvas.Left="796" Canvas.Top="126" Background="#080908"
CornerRadius="10" Padding="7" HorizontalAlignment="Center" VerticalAlignment="Top">
<TextBlock x:Name="BtnR3" Text="R3" Foreground="White"
FontWeight="Bold" FontSize="16" MouseLeftButtonDown="RebindButton_Click"
Cursor="Hand" Tag="R3">
<TextBlock.ToolTip>Ação: Corpo a Corpo
(Pressionar)</TextBlock.ToolTip></TextBlock>
</Border>

<!-- D-Pad -->


<Border Canvas.Top="82" Background="#080908" CornerRadius="10"
Padding="10" HorizontalAlignment="Center" VerticalAlignment="Top">
<Border.Style>
<Style TargetType="Border">
<Setter Property="Canvas.Left">
<Setter.Value>
<MultiBinding Converter="{StaticResource
CenterOffsetMultiConverter}">
<Binding ElementName="BtnDpadUp"
Path="ActualWidth" />
<Binding>
<Binding.Source>
<sys:Double>155</sys:Double>
</Binding.Source>
</Binding>
<Binding>
<Binding.Source>
<sys:Double>50</sys:Double>
</Binding.Source>
</Binding>
</MultiBinding>
</Setter.Value>
</Setter>
</Style>
</Border.Style>
<TextBlock x:Name="BtnDpadUp" Text="↑" Foreground="White"
FontWeight="Bold" FontSize="16" MouseLeftButtonDown="RebindButton_Click"
Cursor="Hand" Tag="DPAD-UP">
<TextBlock.ToolTip>Ação: Marcar
Localização</TextBlock.ToolTip></TextBlock>
</Border>
<Border Canvas.Left="74" Canvas.Top="136" Background="#080908"
CornerRadius="10" Padding="10" HorizontalAlignment="Center"
VerticalAlignment="Top">
<TextBlock x:Name="BtnDpadLeft" Text="←" Foreground="White"
FontWeight="Bold" FontSize="16" MouseLeftButtonDown="RebindButton_Click"
Cursor="Hand" Tag="DPAD-LEFT">
<TextBlock.ToolTip>Ação: Modo de
Disparo</TextBlock.ToolTip></TextBlock>
</Border>
<Border Canvas.Left="169" Canvas.Top="135" Background="#080908"
CornerRadius="10" Padding="10" HorizontalAlignment="Center"
VerticalAlignment="Top">
<TextBlock x:Name="BtnDpadRight" Text="→"
Foreground="White" FontWeight="Bold" FontSize="16"
MouseLeftButtonDown="RebindButton_Click" Cursor="Hand" Tag="DPAD-RIGHT">
<TextBlock.ToolTip>Ação: Selecionar
Killstreak</TextBlock.ToolTip></TextBlock>
</Border>
<Border Canvas.Top="192" Background="#080908" CornerRadius="10"
Padding="10" HorizontalAlignment="Center" VerticalAlignment="Top">
<Border.Style>
<Style TargetType="Border">
<Setter Property="Canvas.Left">
<Setter.Value>
<MultiBinding Converter="{StaticResource
CenterOffsetMultiConverter}">
<Binding ElementName="BtnDpadDown"
Path="ActualWidth" />
<Binding>
<Binding.Source>
<sys:Double>155</sys:Double>
</Binding.Source>
</Binding>
<Binding>
<Binding.Source>
<sys:Double>50</sys:Double>
</Binding.Source>
</Binding>
</MultiBinding>
</Setter.Value>
</Setter>
</Style>
</Border.Style>
<TextBlock x:Name="BtnDpadDown" Text="↓" Foreground="White"
FontWeight="Bold" FontSize="16" MouseLeftButtonDown="RebindButton_Click"
Cursor="Hand" Tag="DPAD-DOWN">
<TextBlock.ToolTip>Ação:
Mochila</TextBlock.ToolTip></TextBlock>
</Border>
</Canvas>
</Grid>
</StackPanel>
</Border>
</TabItem>

You might also like