自定义的 ListBoxItem 自适应ListBox的宽度

 主要是要设置HorizontalContentAlignment的值,而不是HorizontalAlignment

1 <ListBox x:Name="xxx">
2   <ListBox.ItemContainerStyle>
3     <Style TargetType="ListBoxItem">
4       <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
5     </Style>
6   </ListBox.ItemContainerStyle>
7   <ListBox.ItemTemplate>
8     <DataTemplate>
9       <StackPanel>
10         <Grid>
11           <TextBlock Text="www.tech-labs.net" HorizontalAlignment="Left"/>
12           <TextBlock Text="维思实验室" HorizontalAlignment="Right"/>
13         </Grid>
14       </StackPanel>
15     </DataTemplate>
16   </ListBox.ItemTemplate>
17  </ListBox>

  本文来自飞絮飞啊飞的博客,原文地址:http://hi.baidu.com/%B7%C9%D0%F5%B7%C9%B0%A1%B7%C9/blog/item/a701fcfa3554fa8b

时间: 2024-10-12 01:41:44

自定义的 ListBoxItem 自适应ListBox的宽度的相关文章

获取listboxitem在ListBox中的index并转换成abcd

原文 获取listboxitem在ListBox中的index并转换成abcd 截图如下: 1.实现Converter  获取到listbox,并得到listitem在listbox中的index public class ItemContainerToZIndexConverter : IValueConverter { public object Convert(object value, Type targetType, object parameter, System.Globaliza

EXT组件自适应高度和宽度

Ext代码 Ext的组件构造函数的width.height不支持100%的设置方式,因此动态获取高度宽度来解决问题. <div id="component" style="width:100%;height:100%"> <div> 组件构造的时候这样写: width: Ext.get("component").getWidth(), height: Ext.get("component").getHe

CSS-父元素宽度自适应子元素宽度之和

最近碰见这样一个需求,要让图片横向排列设置x方向的滚动条滚动查看,原本当直接创建一个IFC(inline,float什么的)就解决了,搞了半天发现搞不定(IFC也是不能父元素宽度自适应子元素宽度之和的,因为会换行..),最后用flex解决了(然后又发现使用table也是可以的),然后学了两个新名词GFC和FFC..这里就说一下我的解决方法,给大家抛个砖. flex <style> /*1. 最外层容器 width: 200px; overflow-x: scroll; */ .img-view

WPF自定义控件与样式(13)-自定义窗体Window &amp; 自适应内容大小消息框MessageBox

一.前言 申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的等,若有不明白的地方可以参考本系列前面的文章,文末附有部分文章链接. 本文主要内容: 自定义Window窗体样式: 基于自定义窗体实现自定义MessageBox消息提示框: 二.自定义Window窗体样式 自定义的Window窗体效果:   因为WPF默认的窗体比较简陋,大都需要自己实现Window窗体样式效果,基本思路很简单: 第一步:干掉默认样式:WindowStyle = Windo

移动页面HTML5自适应手机屏幕宽度

网上关于这方面的文章有很多,重复的东西本文不再赘述,仅提供思路,并解释一些其他文章讲述模糊的地方. 1.使用meta标签,这也是普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统. 首先解释该标签的含义: <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, max

css实现左侧宽度自适应,右侧宽度固定

<div id="wrap"> <div id="sidebar" style="height:240px;">固定宽度区</div> <div id="content" style="height:340px;">自适应区</div> </div> <div id="footer">后面的一个DIV,以

CSS自适应布局(包括两边宽度固定中间宽度自适应与中间宽度固定两边宽度自适应)

1.两边宽度固定,中间宽度自适应 (1)非CSS3布局,浮动定位都可以(以下用浮动) css样式: #left { float: left;width: 200px; background: lime;} #right { float: right; width: 200px; background: lime;} #center { margin:0 200px; background: blue} html: <div id="left">left</div>

第?一讲:UITableView 高级 自定义cell , cell自适应高度

一.自定义cell(包括cell的自定义,以及直接赋值的方法) 自定义cell就是创建一个UITableViewCell的子类. 把cell上的控件创建都封装在子类中,简化UIViewController中的代码 示例代码分析:(这个例子包括cell的自定义,以及直接赋值的方法) 1.需要建立tabelViewCell类, 在其中进行cell上控件的添加 2.在tabelViewCell.m中进行初始化,和layoutSubviews的frame布局的操作 tabelViewCell.h定义属性

移动端H5页面自适应手机屏幕宽度

1.由于本人使用的是sublime.text,使用rem就可以达到效果. 点击菜单中的preferences下的browse packages,选择cssrem-master,添加或者编写cssrem.sublime-settings文件. 设置px_to_rem的值为75即可. 在代码里输入设置的对应px值,按TAB键就可以转换为rem 在使用时,同事引用flexible.js文件 2.<meta name="apple-mobile-web-app-capable" cont