在WPF中在行顶部绘制文本

Question

我想知道是否可以在WPF中执行任务：

我想这里的主要问题是我无法在XAML中嵌入一个文本块，这是我用来做的事情。有没有人知道如何解决这个问题？

编辑：它还必须处理对角文本。

Answer 1

你可以这样做，这实际上非常简单。您必须记住，您可以将内容嵌套在<TextBlock>标记....

中

<TextBlock>
    <Line X1="0" Y1="0" X2="100" Y2="0" Stroke="Black" StrokeThickness="4"/>
    <TextBlock Text="Hello there!" VerticalAlignment="Center" HorizontalAlignment="Center"/>
    <Line X1="0" Y1="0" X2="100" Y2="0" Stroke="Black" StrokeThickness="4"/>
</TextBlock>

Answer 2

你能否拥有一个三列网格，第一列和第三列中的一行以及第二列中的文本？当然，您必须设置左右线的属性，以便它们在整个宽度上延伸。

Answer 3

我正在添加这个答案，因为我发现接受的答案和其他答案没有解决第一个例子，Hello的两边都有可变长度的水平线。这是怎么做的......

for (let i = 0; i <= e.target.files.length; i++){
      let reader = new FileReader();
      let file = e.target.files[i];
      var self = this
      reader.onloadstart = () => {
        self.setState({ImageUploader: true})
      }
      reader.onloadend = () => {
        var data = reader.result;
        if (!file.type.includes('image')) {
          alert('PLEASE CHOSE A IMAGE BRAH!')
        } else if (file.size / (1024 * 1024) > 5) {
          alert('PLEASE CHOSESmaller Image')
        } else {
          var url = 'https://api......'
          var ifd = new FormData();
          ifd.append('file', file)
          axios({url: url,method: 'put',
            onUploadProgress: function(progressEvent) {
              var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);
              self.setState({Completed: percentCompleted})
            },  withCredentials: true, data: ifd}).then((res) => {
            this.setState({ImageUploader: false})
            this.setState({
              image_id: this.state.image_id.concat(res.data.reason.image_id)
            })
          })
          this.setState({
            file: file,
            imagePreviewUrl: this.state.imagePreviewUrl.concat(reader.result),
            noImage: false,
            ImageChoosen: true
          });
        }
      }
      reader.readAsDataURL(file)
    }