2017-08-07 40 views
0

我想创建一个带有泡泡消息背景的文本框(例如在即时消息应用程序中)。UWP中的九个修补程序映像支持

文本可以有不同的长度。

在android中,我只是通过使用9补丁图像格式解决了这个问题。

在UWP中是否支持这种格式?如果不是,我该如何解决我的问题?

谢谢

回答

1

请参阅NineGridenter image description here

九格渲染使您可以保留角落的原始尺寸(方框1,3,7和9)。顶部和底部(方框2和8)仅被水平拉伸,并且侧部(方框4和6)仅被垂直拉伸。中心(方框5)在两个方向都被拉伸。

代码:

<Image Source="Images/9grid.bmp" NineGrid="30,20,30,20" /> 
+0

如何将其设置为文本块的背景?或作为网格的背景? – JackPot16

+0

@ JackPot16这可能是有帮助的。:https://stackoverflow.com/questions/43761186/how-to-create-a-speech-bubble-in-uwp –

0

将您的TextBlock视框。设置必要的尺寸:

<Grid Width="500" Height="200"> 
    <Ellipse Fill="PaleTurquoise"/> 

    <Viewbox> 
     <TextBlock Text="asd asdfpoiwe werolwejr ergfg qwe" FontSize="64" TextWrapping="Wrap" /> 
    </Viewbox> 
</Grid> 

此外,这可以通过Composition.UI API来实现。让我知道你是否需要。