如何在WPF中使文本框边框不可见

时间:2014-04-05 16:04:18

标签: c# wpf

我对编程很新,但我正尽力学习。我的问题是如何在WPF中使文本框边框不可见。我必须设计我的XAML代码,使其看起来像附加的图片(http://i.stack.imgur.com/suWtz.jpg)。但到目前为止,我只能让它看起来相似。我也附上了我的版本(http://i.stack.imgur.com/MlgGB.png)。任何帮助将不胜感激。

这是我附上的XAML代码:

<Window x:Class="MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="800" Width="1000">
<Grid>
    <TextBox Margin="0,0,0,700" TextAlignment="Center" FontFamily="Comic Sans MS" FontSize="36">Maintain Class Records</TextBox>
    <TextBox Margin="58,75,771,661" Text="Enter Course ID" FontFamily="Comic Sans MS" FontSize="18"/>
    <Button Margin="609,75,132,661" FontFamily="Comic Sans MS" FontSize="18">Get Classes</Button>
    <TextBox Margin="75,152,771,581" Text="Online Classes" FontFamily="Comic Sans MS" FontSize="18"/>
    <Button Margin="75,326,600,408" Height="36" FontFamily="Comic Sans MS" FontSize="16" Content="Add a New Online Class"/>
    <TextBox Margin="284,75,518,661"/>
    <TextBox Margin="75,194,600,471" Text="&#xD;&#xA;Begin Date | End Date | URL | Browser&#xD;&#xA;Begin Date | End Date | URL | Browser&#xD;&#xA;Begin Date | End Date | URL | Browser" FontSize="14" FontFamily="Comic Sans MS" TextAlignment="Center"/>
    <TextBox Margin="75,404,811,326" TextChanged="TextBox_TextChanged" Text="Begin Date" FontFamily="Comic Sans MS" FontSize="14"/>
    <TextBox Margin="75,460,811,270" TextChanged="TextBox_TextChanged_1" Text="End Date" FontFamily="Comic Sans MS" FontSize="14"/>
    <TextBox Margin="75,519,811,216" Text="URL" FontFamily="Comic Sans MS" FontSize="14"/>
    <TextBox Margin="75,573,811,160" Text="Browser" FontFamily="Comic Sans MS" FontSize="14"/>
    <TextBox Margin="186,404,600,340"/>
    <TextBox Margin="186,460,600,284"/>
    <TextBox Margin="186,519,600,225"/>
    <TextBox Margin="186,573,600,171"/>
    <TextBox Margin="516,152,267,581" Text="Face-To-Face Classes" FontFamily="Comic Sans MS" FontSize="18"/>
    <TextBox Margin="516,194,159,471" Text="&#xD;&#xA;Begin Date | End Date | Bldg | Room&#xD;&#xA;Begin Date | End Date | Bldg | Room&#xD;&#xA;Begin Date | End Date | Bldg | Room" FontFamily="Comic Sans MS" FontSize="14" TextAlignment="Center"/>
    <Button Margin="75,610,806,125" FontFamily="Comic Sans MS" FontSize="16">Add</Button>
    <Button Margin="281,610,600,125" FontFamily="Comic Sans MS" FontSize="16">Cancel</Button>
    <Button Margin="514,610,367,125" FontFamily="Comic Sans MS" FontSize="16" Content="Add"/>
    <Button Margin="722,610,159,125" FontFamily="Comic Sans MS" FontSize="16" Content="Cancel"/>
    <Button Content="Add a New Face-To-Face Class" FontFamily="Comic Sans MS" FontSize="16" Margin="516,326,159,408"/>
    <TextBox Margin="516,404,367,326" TextChanged="TextBox_TextChanged" Text="Begin Date" FontFamily="Comic Sans MS" FontSize="14"/>
    <TextBox Margin="630,404,159,340"/>
    <TextBox Margin="630,460,159,284"/>
    <TextBox Margin="630,519,159,225"/>
    <TextBox Margin="630,573,159,171"/>
    <TextBox Margin="516,460,367,270" TextChanged="TextBox_TextChanged_1" Text="End Date" FontFamily="Comic Sans MS" FontSize="14"/>
    <TextBox Margin="516,519,367,216" Text="Bldg" FontFamily="Comic Sans MS" FontSize="14"/>
    <TextBox Margin="516,573,367,160" Text="Room" FontFamily="Comic Sans MS" FontSize="14"/>
</Grid>

4 个答案:

答案 0 :(得分:5)

添加'BorderThickness =“0”'

例如

<TextBox Margin="186,404,600,340" BorderThickness="0"/>

答案 1 :(得分:5)

使用TextBlock。我认为描述符字段不应该由用户编辑

答案 2 :(得分:2)

我意识到这个问题已经得到了回答,但是既然你说过了

  

我正尽力学习

您可能需要查看自定义模板:Styling and Templating - MSDN。创建自定义模板将使您能够在90%的时间内完全控制控件的外观。

答案 3 :(得分:1)

我认为这里的问题并不是真正使边界不可见,而是学习如何使用正确的控制。尝试查看用于显示文本的控件和用于输入数据的控件。您还需要了解一下UI并将网格划分为行和列。有关课程列表,请查看列表视图,列表框等。

您可以在http://wpftutorial.net/Controls.html

找到一些非常简单的教程

玩得开心