TextBlock中显示文字和图片,且不会自动换行
2016-10-26 13:36
781 查看
原本TextBlock显示图片是很容易的,即TextBlock.Inlines.Add(UiElement element);这个方法即可,
但是,会出现如下效果:
我不想要这种效果,所以改了下代码,变成了如下效果:
单独的Xaml也可以实现,代码入下:
<Grid>
<TextBlock Background="Beige"
TextWrapping="WrapWithOverflow" Name="text">
<Image Source="C:\Users\Administrator\Desktop\1111.png" Width="20" Height="20"/>
<Image Source="C:\Users\Administrator\Desktop\1111.png" Width="20" Height="20" />
<Run Text="文字区域文字区域文字区a域文字区域文字区域文字区域文字区域 文字区域文字区域文字区域v文字区域"/>
<Image Source="C:\Users\Administrator\Desktop\1111.png" Width="20" Height="20" />
<Run Text="文字区域文字区域文字区a域文字区域文字区域文字区域文字区域 文字区域文字区域文字区域v文字区域"/>
</TextBlock>
</Grid>
但是,会出现如下效果:
我不想要这种效果,所以改了下代码,变成了如下效果:
单独的Xaml也可以实现,代码入下:
<Grid>
<TextBlock Background="Beige"
TextWrapping="WrapWithOverflow" Name="text">
<Image Source="C:\Users\Administrator\Desktop\1111.png" Width="20" Height="20"/>
<Image Source="C:\Users\Administrator\Desktop\1111.png" Width="20" Height="20" />
<Run Text="文字区域文字区域文字区a域文字区域文字区域文字区域文字区域 文字区域文字区域文字区域v文字区域"/>
<Image Source="C:\Users\Administrator\Desktop\1111.png" Width="20" Height="20" />
<Run Text="文字区域文字区域文字区a域文字区域文字区域文字区域文字区域 文字区域文字区域文字区域v文字区域"/>
</TextBlock>
</Grid>
相关文章推荐
- android 引导用户指示操作 高亮显示 可以自定义文字或者图片来作为提示,文字会自动换行
- android中Textview 和图片同时显示时,文字省略号显示,图片自动靠到右边
- 带背景显示文字,自动换行的MultipleTextView
- 重写java中JButton,实现图片下显示文字(根据图片宽度文字自动换行)
- Android的有关EditText的能多行显示但无法禁止自动换行的Bug!
- android launcher主菜单显示图片和文字之BubbleTextView
- li列表中显示文字强制不换行,大于li宽度自动隐藏文字
- vb 如何在Text文本框或Label里显示一个字符后自动换行
- Android textview获取html文字 + 图片显示
- Android常用UI编程_TextView显示图片和文字(包含超链接)
- TextView中显示文字和图片
- 折腾了一早上的C# WPF ListView+Grid 实现图片+文字 自动换行排列 类似Windows资源管理器效果
- 在TextView中显示文字和图片
- 通过学习制作长微博工具来了解水印的制作,及EditText中的内容在图片中换行显示
- ul li列表中显示文字强制不换行大于li宽度的文字自动隐藏
- text-overflow实现文字超出宽度,溢出后自动显示为省略号的效果
- TextView中显示不同颜色的文字和图片
- 在wp7中使用自定义的HtmlTextBlockControl使丰富的文字显示更方便!
- TextBlock布局控件实现内容的自动换行
- android中的textview显示汉字不能自动换行的一个解决办法