动态设置控件的宽度(width)

1、有一个项目,需要动态添加标签(button),一个或者两个button,当固定div大小时,如果只放一个button就会有很多空白,看起来不太好,因此需要动态改变div的width自动调整宽度。
调整前后图
修改前:
在这里插入图片描述
修改后:
在这里插入图片描述
在这里插入图片描述

2、动态修改方式:
在需要动态改变width的控件中写

:width="wth" 
//wth 在data中设置初始值,用来适配只有一个标签的,设置函数修改wth的值,以方便适配两个或者多个标签的

data里面定义wth

data () {
    return {
      wth: '150'
    }
  },
在这里插入代码片

动态修改方法:

changeAside () { //在改变标签个数时调用即可
      this.wth = '320' // 大小可以根据自己的项目定义
      //修改成功,会重新渲染
    },
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在 MFC 中,可以使用 CListCtrl 类来创建列表控件,并且可以使用以下方法来设置列表控件宽度和高度: 1. 设置列表控件宽度 可以通过调用 CListCtrl 类的 SetColumnWidth() 方法来设置列表控件的列宽。例如,如果要将第一列的宽度设置为 100 像素,可以使用以下代码: ```cpp m_listCtrl.SetColumnWidth(0, 100); ``` 2. 设置列表控件的高度 可以通过调用 CListCtrl 类的 SetItemHeight() 方法来设置列表控件的行高。例如,如果要将列表控件的行高设置为 30 像素,可以使用以下代码: ```cpp m_listCtrl.SetItemHeight(-1, 30); ``` 其中,第一个参数为 -1 表示设置所有行的高度,第二个参数为行高的值。 ### 回答2: 在MFC中,可以通过以下方式设置列表控件宽度和高度: 1. 使用控件属性:可以在设计器中选择列表控件,然后在属性窗口中设置控件宽度和高度。这种方式比较简单,但是不够灵活,只适用于静态布局的情况。 2. 使用代码设置:可以在代码中使用SetWindowPos()函数或者SetWindowPlacement()函数来设置控件宽度和高度。 - 使用SetWindowPos()函数:示例如下: ```cpp CListCtrl m_listCtrl; // 假设已经定义了列表控件变量 int width = 300; // 设置宽度 int height = 200; // 设置高度 m_listCtrl.SetWindowPos(NULL, 0, 0, width, height, SWP_NOMOVE | SWP_NOZORDER); ``` 使用SetWindowPos()函数可以设置控件的位置和大小,其中最后两个参数分别表示x和y坐标,这里设置为0表示不改变控件的位置。 - 使用SetWindowPlacement()函数:示例如下: ```cpp CListCtrl m_listCtrl; // 假设已经定义了列表控件变量 WINDOWPLACEMENT wp; GetWindowPlacement(&wp); wp.rcNormalPosition.right = wp.rcNormalPosition.left + 300; // 设置宽度 wp.rcNormalPosition.bottom = wp.rcNormalPosition.top + 200; // 设置高度 SetWindowPlacement(&wp); ``` 使用SetWindowPlacement()函数可以设置控件的位置和大小,其中使用WINDOWPLACEMENT结构体来获取和设置窗口的位置和大小信息。 通过以上两种方式,可以根据实际需求动态设置列表控件宽度和高度。 ### 回答3: 在 MFC 中,我们可以通过以下步骤来设置列表控件(CListCtrl)的宽度和高度: 1. 首先,我们需要获取列表控件的对象指针。可以在对话框类中定义一个成员变量来存储列表控件对象指针。例如,假设对话框类中定义了以下成员变量: ```cpp CListCtrl m_listCtrl; ``` 2. 在对话框的 OnInitDialog 函数中,使用 DDX_Control 函数将对话框资源中的列表控件与成员变量关联起来。例如: ```cpp BOOL CMyDialog::OnInitDialog() { CDialogEx::OnInitDialog(); // ... DDX_Control(pDX, IDC_LIST_CTRL, m_listCtrl); // ... return TRUE; } ``` 3. 现在我们可以通过列表控件的 SetWindowPos 函数来设置控件宽度和高度。该函数需要传入设置宽度和高度的参数。 ```cpp m_listCtrl.SetWindowPos(NULL, 0, 0, 200, 300, SWP_NOMOVE); ``` 这里将列表控件宽度设置为 200,高度设置为 300。第一个参数表示不改变控件的位置,所以传入 NULL 和 0。SWP_NOMOVE 是指不移动控件的位置。 4. 如果需要在对话框中调整列表控件的位置,可以使用 MoveWindow 函数。该函数需要传入设置的位置和尺寸的参数。 ```cpp m_listCtrl.MoveWindow(10, 10, 200, 300); ``` 这里将列表控件的左上角位置设置为 (10, 10),宽度设置为 200,高度设置为 300。 通过以上步骤,我们可以在 MFC 中设置列表控件宽度和高度。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值