【问题标题】:WPF speech bubbleWPF 语音气泡
【发布时间】:2017-05-02 17:39:22
【问题描述】:

我目前正在创建一个小软件,您可以在其中创建自己的漫画。我目前正在尝试添加气泡。我所做的是我在圆角边框内放置了一个文本框。This is my result.

现在我想添加一个指向说话角色的箭头 (Example of what i would like to get)。箭头的位置应由用户选择。它想围绕边界旋转。我不知道是否有可能做这样的事情。如果不是,我希望用户可以在添加语音气泡之前选择箭头的方向(在八个基本方向之间)。 这是我用来创建气泡的代码:

 Border bdrBubble = new Border();
            bdrBubble.BorderThickness = new Thickness(2);
            bdrBubble.BorderBrush = Brushes.Black;
            System.Windows.Controls.TextBox txtBubble = new System.Windows.Controls.TextBox();

            txtBubble.Background = Brushes.White;
            txtBubble.TextWrapping = TextWrapping.Wrap;
            txtBubble.AcceptsReturn = true;
            txtBubble.Background = Brushes.Transparent;

            txtBubble.BorderThickness = new Thickness(0);
            txtBubble.Text = tbxBubble.Text;
            bdrBubble.CornerRadius = new CornerRadius(100);
            txtBubble.ClipToBounds = true;
            bdrBubble.Background = Brushes.White;
            bdrBubble.Padding = new Thickness(10);
            txtBubble.TextAlignment = TextAlignment.Center;
            bdrBubble.Child = txtBubble;

希望有人能指出我的最佳解决方案!

【问题讨论】:

    标签: wpf xaml border


    【解决方案1】:

    目前尚无此类功能,但您可以访问以下链接并根据需要修改以下模板,以根据坐标更改箭头的方向。

    <Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="40"/>
    </Grid.RowDefinitions>
    <Rectangle Fill="#FF686868" Stroke="#FF000000" RadiusX="10" RadiusY="10"/>
    <Path Fill="#FF686868" Stretch="Fill" Stroke="#FF000000" HorizontalAlignment="Left" Margin="30,-5.597,0,-0.003" Width="25" Grid.Row="1" Data="M22.166642,154.45381 L29.999666,187.66699 40.791059,154.54395"/>                  
    <Rectangle Fill="#FF686868" RadiusX="10" RadiusY="10" Margin="1"/>
    <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="25" Text="Hello World" TextWrapping="Wrap"/>                       
    </Grid>
    

    链接: How to style WPF tooltip like a speech bubble?

    How to implement Balloon message in a WPF application

    【讨论】:

    • 我需要在后面的代码而不是 xaml 中执行此操作。但我会看看我是否能适应它。谢谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-12-19
    • 2021-09-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多