UWP 中的九个补丁图像支持答案

【问题标题】：Nine patch image support in UWPUWP 中的九个补丁图像支持
【发布时间】：2018-01-14 10:05:34
【问题描述】：

我想创建一个带有气泡消息背景的文本框（例如在即时通讯应用中）。

文本可以有不同的长度。

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

UWP 中是否支持这种格式？如果没有，我应该如何解决我的问题？

谢谢

【问题讨论】：

标签： uwp xamarin.forms xamarin.uwp

【解决方案1】：

请参考NineGrid。

九格渲染使您能够保留角的原始尺寸（框 1、3、7 和 9）。顶部和底部（框 2 和 8）仅水平拉伸，侧面（框 4 和 6）仅垂直拉伸。中心（方框 5）在两个维度上都被拉伸。

代码：

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

【讨论】：

如何将其设置为文本块的背景？还是作为网格的背景？
@JackPot16 这可能有帮助。:stackoverflow.com/questions/43761186/…

【解决方案2】：

将您的 TextBlock 放在 ViewBox 中。设置必要的尺寸：

<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 实现。如果您需要，请告诉我。

【讨论】：