[UWP] [XAML]不显示文本框内容

时间:2018-10-15 13:58:00

标签: c# xaml uwp

在发布此问题之前,我已经搜索并研究了关于StackOverflow的所有答案,但没有一个对我有帮助,所以我在这里^^

我的目标是使用TextBox在UWP中获得标签的对应性。

  • 在TextBox属性中,我设置了“ IsReadOnly =“ True”“,但是即使“ box”的属性设置为“透明”,也仍然可见。

  • 所以我还添加了“ IsEnabled =“ False”“属性,并获得了“标签”。

-

但是,由于项目需求,我需要白色文本,而不是uwp的默认灰色文本。因此,我一直尝试设置自定义样式(遵循stackOverflow的所有答案),直到找到以下解决方案为止:

 <Style x:Key="Titoli" TargetType="TextBox">
            <Setter Property="MinWidth" Value="{ThemeResource TextControlThemeMinWidth}" />
            <Setter Property="MinHeight" Value="{ThemeResource TextControlThemeMinHeight}" />
            <Setter Property="Foreground" Value="White" />
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="BorderBrush" Value="Transparent" />
            <Setter Property="SelectionHighlightColor" Value="{ThemeResource SystemControlHighlightAccentBrush}" />
            <Setter Property="BorderThickness" Value="{ThemeResource TextControlBorderThemeThickness}" />
            <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}" />
            <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}" />
            <Setter Property="ScrollViewer.HorizontalScrollMode" Value="Auto" />
            <Setter Property="ScrollViewer.VerticalScrollMode" Value="Auto" />
            <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden" />
            <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden" />
            <Setter Property="ScrollViewer.IsDeferredScrollingEnabled" Value="False" />
            <Setter Property="Padding" Value="{ThemeResource TextControlThemePadding}"/>
            <Setter Property="IsReadOnly" Value="True"  />
            <Setter Property="Background" Value="{x:Null}" />
            <Setter Property="IsHitTestVisible"  Value="False"  />

            <Setter Property="Template" >
                <Setter.Value>
                    <ControlTemplate TargetType="TextBox">
                        <Border x:Name="ContentElement" />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

并获得此预览(T1,T2,T3 ecc是我正在关注的标签):

Preview

但是当我调试时,该应用具有以下外观:

Debug

因此,没有“打印”出任何文本框...我真的不知道解决方案(我的自定义bottons图像也消失了!)有什么建议吗?

我还从here复制并粘贴了完整的TextBox,并进行了修改,但是我无法以这种方式在第一个屏幕中检索解决方案...

Xaml.MainPage的

代码段:

 <Grid.ColumnDefinitions>
        <!--Definisco quante colonne voglio e come siano definite -->
        <ColumnDefinition Width="15*"/>
        <!-- Colonna per AGGIUNTE SUCCESSIVE -->
        <ColumnDefinition Width="15*"/>
        <!-- Colonna per Box dati -->
        <ColumnDefinition Width="*"/>
        <!-- Colonna per il sito a lato -->
    </Grid.ColumnDefinitions>

    <Grid.RowDefinitions>
        <!--Definisco quante righe voglio e come siano definite -->
        <RowDefinition Height="30*"/>
        <!-- riga per definire spazio per box dati -->
        <RowDefinition Height="15*"/>
        <RowDefinition Height="15*"/>
    </Grid.RowDefinitions>

    <!-- *********************** Sezione display sonde **************************** -->

    <!-- Sezione Unità di Misura -->

    <TextBox Text="°C" TextWrapping="Wrap"  IsEnabled="False" Margin="285,146,374,282"  Style="{StaticResource Titoli}" Height="52" Width="38" FontSize="36" FontFamily="Calibri Light" Grid.Column="1" HorizontalAlignment="Stretch"/>
    <TextBox Text="°C" TextWrapping="Wrap"  IsEnabled="False" Margin="567,146,92,282"  Style="{StaticResource Titoli}" Height="52" Width="38" FontSize="36" FontFamily="Calibri Light" Grid.Column="1" VerticalAlignment="Stretch"/>
    <TextBox Text="°C" TextWrapping="Wrap"  IsEnabled="False" Margin="285,313,374,115"  Style="{StaticResource Titoli}" Height="52" Width="38" FontSize="36" FontFamily="Calibri Light" Grid.Column="1" VerticalAlignment="Stretch"/>
    <TextBox Text="°C" TextWrapping="Wrap"  IsEnabled="False" Margin="567,313,92,115"  Style="{StaticResource Titoli}" Height="52" Width="38" FontSize="36" FontFamily="Calibri Light" Grid.Column="1" HorizontalAlignment="Stretch"/>


    <!-- Sezione Numerazione Sonde -->
    <TextBox Text="T1" TextWrapping="Wrap"  IsEnabled="False" Margin="278,94,348,308"  Style="{StaticResource Titoli}" FontSize="48" FontFamily="Calibri Light" Grid.Column="1" d:LayoutOverrides="LeftPosition, RightPosition, TopPosition, BottomPosition" VerticalAlignment="Stretch"/>
    <TextBox Text="T2" TextWrapping="Wrap"  IsEnabled="False" Margin="560,94,66,308"  Style="{StaticResource Titoli}" FontSize="48" FontFamily="Calibri Light" Grid.Column="1" d:LayoutOverrides="TopPosition, BottomPosition" Width="71"/>
    <TextBox Text="T3" TextWrapping="Wrap"  IsEnabled="False" Margin="278,261,348,141"  Style="{StaticResource Titoli}" FontSize="48" FontFamily="Calibri Light" Grid.Column="1" d:LayoutOverrides="LeftPosition, RightPosition, TopPosition, BottomPosition" HorizontalAlignment="Stretch"/>
    <TextBox Text="T4" TextWrapping="Wrap"  IsEnabled="False" Margin="560,261,66,141"  Style="{StaticResource Titoli}" FontSize="48" FontFamily="Calibri Light" Grid.Column="1" d:LayoutOverrides="TopPosition, BottomPosition" VerticalAlignment="Stretch" Width="71"/>

    <!-- Sezione Valori di Misura -->

---------------编辑 正如@touseefbsb所建议的那样,这里是TextBlock的版本,但是仍然没有显示在Debug中...

 <!-- Sezione Unità di Misura -->

    <TextBlock Text="°C" TextWrapping="Wrap"  IsTapEnabled="False"  Margin="285,146,369,290" FontSize="36" FontFamily="Calibri Light" Grid.Column="1" d:LayoutOverrides="TopPosition, BottomPosition" Foreground="White" Width="43" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
    <TextBlock Text="°C" TextWrapping="Wrap"  IsTapEnabled="False" Margin="567,146,92,282"   Height="52" Width="38" FontSize="36" FontFamily="Calibri Light" Grid.Column="1" VerticalAlignment="Stretch" Foreground="White"/>
    <TextBlock Text="°C" TextWrapping="Wrap" IsTapEnabled="False" Margin="285,313,374,115"   Height="52" Width="38" FontSize="36" FontFamily="Calibri Light" Grid.Column="1" VerticalAlignment="Stretch" Foreground="White"/>
    <TextBlock Text="°C" TextWrapping="Wrap"  IsTapEnabled="False" Margin="567,313,92,115"   Height="52" Width="38" FontSize="36" FontFamily="Calibri Light" Grid.Column="1" HorizontalAlignment="Stretch" Foreground="White"/>


    <!-- Sezione Numerazione Sonde -->
    <TextBlock Text="T1" TextWrapping="Wrap"  IsTapEnabled="False" Margin="277,94,357,335"   FontSize="48" FontFamily="Calibri Light" Grid.Column="1" d:LayoutOverrides="LeftPosition, RightPosition, TopPosition, BottomPosition" FocusVisualPrimaryBrush="White" Foreground="White"/>
    <TextBlock Text="T2" TextWrapping="Wrap"  IsTapEnabled="False" Margin="560,94,66,343"   FontSize="48" FontFamily="Calibri Light" Grid.Column="1" d:LayoutOverrides="TopPosition, BottomPosition" Width="71" FocusVisualPrimaryBrush="White" Foreground="White" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
    <TextBlock Text="T3" TextWrapping="Wrap"  IsTapEnabled="False" Margin="285,261,344,163"   FontSize="48" FontFamily="Calibri Light" Grid.Column="1" d:LayoutOverrides="HorizontalAlignment, TopPosition, BottomPosition" FocusVisualPrimaryBrush="White" Foreground="White" Width="68" RenderTransformOrigin="0.397,0.913"/>
    <TextBlock Text="T4" TextWrapping="Wrap"  IsTapEnabled="False" Margin="560,261,66,175"   FontSize="48" FontFamily="Calibri Light" Grid.Column="1" d:LayoutOverrides="TopPosition, BottomPosition" Width="71" FocusVisualPrimaryBrush="White" Foreground="White" VerticalAlignment="Stretch"/>

    <!-- Sezione Valori di Misura -->

1 个答案:

答案 0 :(得分:2)

好吧,在@touseefbsb之后,我设法找到了解决方法。

在Stackpanels中进行组织,并使用Stretch =“ Uniform”中的ViewBox调整视图,这是我所获得的:

<Viewbox Stretch="Uniform">
<Grid  >

    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="2*"/>
        <ColumnDefinition Width="3*"/>

    </Grid.ColumnDefinitions>

    <Grid.RowDefinitions>
        <RowDefinition Height="2*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <!-- Sezione Segnali -->
    <StackPanel>
        <GridView>
            ....
        </GridView>

    </StackPanel>

    <!-- Sezione Display temperature -->
    <StackPanel Grid.Column="1">

        <GridView>
            <TextBlock x:Name="Sonda_1" TextWrapping="WrapWholeWords" Margin="90 91 -90 10"  FontSize="120" FontFamily="Segoi UI" Foreground="White" Width="200"  Height="120" />
            <TextBlock Text="T1 °C" TextWrapping="WrapWholeWords" Margin="100 100 45 10"  FontSize="50" FontFamily="Segoi UI" Foreground="White" Width="55"  Height="120" />
            <TextBlock x:Name="Sonda_2" TextWrapping="WrapWholeWords" Margin="90 91 -90 10"  FontSize="120" FontFamily="Segoi UI" Foreground="White" Width="200"  Height="120" />
            <TextBlock Text="T2 °C" TextWrapping="WrapWholeWords" Margin="100 100 45 10"  FontSize="50" FontFamily="Segoi UI" Foreground="White" Width="55"  Height="120" />
        </GridView>
        <GridView>
            <TextBlock x:Name="Sonda_3" TextWrapping="WrapWholeWords" Margin="90 91 -90 10"  FontSize="120" FontFamily="Segoi UI" Foreground="White" Width="200"  Height="120" />
            <TextBlock Text="T3 °C" TextWrapping="WrapWholeWords" Margin="100 100 45 10"  FontSize="50" FontFamily="Segoi UI" Foreground="White" Width="55"  Height="120" />
            <TextBlock x:Name="Sonda_4" TextWrapping="WrapWholeWords" Margin="90 91 -90 10"  FontSize="120" FontFamily="Segoi UI" Foreground="White" Width="200"  Height="120" />
            <TextBlock Text="T4 °C" TextWrapping="WrapWholeWords" Margin="100 100 45 10"  FontSize="50" FontFamily="Segoi UI" Foreground="White" Width="55"  Height="120" />
        </GridView>

    </StackPanel>

    <!-- Sezione Pulsanti -->
    <StackPanel  Grid.Row="1">
        <GridView>
           ...

        </GridView>

    </StackPanel>
    <StackPanel Grid.Column="1" Grid.Row="1">
        <GridView>

            ....

        </GridView>

    </StackPanel>


    <!-- Sezione Loghi -->
    <StackPanel Grid.Row="2">
        ...
    </StackPanel>
    <StackPanel Grid.Row="2" Grid.Column="1">

       ...

    </StackPanel>

</Grid>
</Viewbox>

希望这会有所帮助:)