PB窗口控件自动调整大小(AutoSize)-ITADN社区

PB窗口控件自动调整大小(AutoSize)

优质

AutoSize功能是PB（PowerBuilder）窗口控件中的一个实用特性，能够使控件依据其内容自动调整大小和布局，从而优化用户界面的动态适应性。 pb窗口控件自动缩放autosize界面。

PB实现窗口自动调整大小

优质

本工具提供了一种简便方法来自动调整窗口大小，采用PB（PowerBuilder）技术开发，旨在提升用户界面操作效率和用户体验。窗口自动缩放可以指定哪些控件需要进行缩放，而哪些不需要。支持所有类型的控件。

PB控件随窗口大小变化自动缩放示例

优质

本示例展示了如何编写代码使PB（PowerBuilder）控件随着窗口尺寸的变化而自动调整大小和位置，确保界面布局始终保持最优状态。窗口自动缩放效果的源码可以下载了。

MFC中根据窗口大小自动调整控件尺寸

优质

简介：本文介绍在Microsoft Foundation Classes (MFC)框架下，实现当窗口大小变化时，相关控件能够自动调整其尺寸的方法和技巧。 MFC可以根据窗口大小自动调整所有控件的大小，这是我自己编写的代码，希望对你有帮助。

Sizer - 自由调整窗口大小

优质

Sizer是一款便捷实用的应用程序，它允许用户自由地调整电脑屏幕上各个窗口的大小和位置，提升多任务处理效率。可以自由调整窗口大小并自定义宽高比例。此外，还可以设置窗口在桌面上的位置坐标。

Textarea-Autosize：自动调整Textarea大小以适应其内容

优质

Textarea-Autosize是一款实用的JavaScript插件，能够自动调整文本区域（Textarea）的大小，使其高度和宽度始终适应输入的内容。 Textarea自动调整大小功能可以使其根据内容的多少自动调整尺寸。安装方法： ```bash $ npm install @githubtextarea-autosize ``` 使用该库的方法是，在`

`上显式激活自动调整大小的功能。

导入autosize模块：

```javascript
import autosize from @githubtextarea-autosize
```

然后应用到指定的Textarea元素中，例如：
```javascript
autosize(document.querySelector(textarea.foo))
```

对于使用类的库的情况，可以将此行为应用于任何带有匹配类名的文本区域。
导入`selector-observer`模块中的观察方法：

```javascript
import { observe } from selector-observer
```
然后应用autosize功能：
```javascript
observe(textarea.autosize, { subscribe: autosize })
```
                                    </div>  
                                </div>
                            </li>

<li data-v-abd0b829=""
                                class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
                                style="cursor: pointer;">
                                <div data-v-abd0b829=""
                                     class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
                                    <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
                                         version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
                                         height="110">
                                        <path data-v-abd0b829=""
                                              d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
                                              p-id="26447" fill="#707070"></path>
                                        <path data-v-abd0b829=""
                                              d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
                                              p-id="26448" fill="#707070"></path>
                                    </svg>
                                </div>
                                <div data-v-abd0b829=""
                                     class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
                                    <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
                                       title="实现界面<span style=color: #f73131>控</span><span style=color: #f73131>件</span>随<span style=color: #f73131>窗</span><span style=color: #f73131>口</span><span style=color: #f73131>大</span><span style=color: #f73131>小</span><span style=color: #f73131>自</span><span style=color: #f73131>动</span><span style=color: #f73131>调</span><span style=color: #f73131>整</span>的代码"
                                       href="https://d.itadn.com/i0_32521635912/B/476025" target="_blank">实现界面<span style=color: #f73131>控</span><span style=color: #f73131>件</span>随<span style=color: #f73131>窗</span><span style=color: #f73131>口</span><span style=color: #f73131>大</span><span style=color: #f73131>小</span><span style=color: #f73131>自</span><span style=color: #f73131>动</span><span style=color: #f73131>调</span><span style=color: #f73131>整</span>的代码</a>
                                </div>
                                <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
                                        data-v-abd0b829="" class="onestyle">优质</span></div>
                                <div data-v-abd0b829=""
                                     class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
                                    <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
                                    本段代码提供了一种方法，使界面中的控件能够随着其所属窗口尺寸的变化而自动调整位置和大小，适用于多种编程环境。

通过在代码中使用OnSize事件，可以使界面上的控件随着窗口大小的变化而按比例缩放。这样就可以根据需要随意放大或缩小对话框，同时确保所有控件也按照相应的比例进行调整。
                                    </div>  
                                </div>
                            </li>

<li data-v-abd0b829=""
                                class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
                                style="cursor: pointer;">
                                <div data-v-abd0b829=""
                                     class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
                                    <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
                                         version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
                                         height="110">
                                        <path data-v-abd0b829=""
                                              d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
                                              p-id="26447" fill="#707070"></path>
                                        <path data-v-abd0b829=""
                                              d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
                                              p-id="26448" fill="#707070"></path>
                                    </svg>
                                </div>
                                <div data-v-abd0b829=""
                                     class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
                                    <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
                                       title="WPF<span style=color: #f73131>控</span><span style=color: #f73131>件</span>随<span style=color: #f73131>窗</span>体变化<span style=color: #f73131>自</span><span style=color: #f73131>动</span><span style=color: #f73131>调</span><span style=color: #f73131>整</span><span style=color: #f73131>大</span><span style=color: #f73131>小</span>"
                                       href="https://d.itadn.com/i0_47726199360/B/476972" target="_blank">WPF<span style=color: #f73131>控</span><span style=color: #f73131>件</span>随<span style=color: #f73131>窗</span>体变化<span style=color: #f73131>自</span><span style=color: #f73131>动</span><span style=color: #f73131>调</span><span style=color: #f73131>整</span><span style=color: #f73131>大</span><span style=color: #f73131>小</span></a>
                                </div>
                                <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
                                        data-v-abd0b829="" class="onestyle">优质</span></div>
                                <div data-v-abd0b829=""
                                     class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
                                    <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
                                    本教程介绍如何使用WPF技术实现控件尺寸与窗体变化动态适应，帮助开发者创建响应式用户界面。

在WPF中，Button等控件可以随着窗体大小的变化而调整自身的大小，从而实现自适应布局。
                                    </div>  
                                </div>
                            </li>

<li data-v-abd0b829=""
                                class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
                                style="cursor: pointer;">
                                <div data-v-abd0b829=""
                                     class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
                                    <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
                                         version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
                                         height="110">
                                        <path data-v-abd0b829=""
                                              d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
                                              p-id="26447" fill="#707070"></path>
                                        <path data-v-abd0b829=""
                                              d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
                                              p-id="26448" fill="#707070"></path>
                                    </svg>
                                </div>
                                <div data-v-abd0b829=""
                                     class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
                                    <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
                                       title="Delphi <span style=color: #f73131>自</span><span style=color: #f73131>动</span><span style=color: #f73131>调</span><span style=color: #f73131>整</span><span style=color: #f73131>控</span><span style=color: #f73131>件</span>以适应<span style=color: #f73131>窗</span>体<span style=color: #f73131>大</span><span style=color: #f73131>小</span>"
                                       href="https://d.itadn.com/i0_19836812893/B/561054" target="_blank">Delphi <span style=color: #f73131>自</span><span style=color: #f73131>动</span><span style=color: #f73131>调</span><span style=color: #f73131>整</span><span style=color: #f73131>控</span><span style=color: #f73131>件</span>以适应<span style=color: #f73131>窗</span>体<span style=color: #f73131>大</span><span style=color: #f73131>小</span></a>
                                </div>
                                <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
                                        data-v-abd0b829="" class="onestyle">优质</span></div>
                                <div data-v-abd0b829=""
                                     class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
                                    <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
                                    本教程讲解如何使用 Delphi 编程环境自动调整控件布局，确保其在不同屏幕尺寸下均能良好适配窗体大小。

将开发的窗口内编译后的界面进行放大或缩小操作时，其中的控件不会出现乱排的情况。
                                    </div>  
                                </div>
                            </li>

<li data-v-abd0b829=""
                                class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
                                style="cursor: pointer;">
                                <div data-v-abd0b829=""
                                     class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
                                    <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
                                         version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
                                         height="110">
                                        <path data-v-abd0b829=""
                                              d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
                                              p-id="26447" fill="#707070"></path>
                                        <path data-v-abd0b829=""
                                              d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
                                              p-id="26448" fill="#707070"></path>
                                    </svg>
                                </div>
                                <div data-v-abd0b829=""
                                     class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
                                    <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
                                       title="MFC<span style=color: #f73131>控</span><span style=color: #f73131>件</span>随<span style=color: #f73131>窗</span>体<span style=color: #f73131>大</span><span style=color: #f73131>小</span>变化<span style=color: #f73131>自</span><span style=color: #f73131>动</span><span style=color: #f73131>调</span><span style=color: #f73131>整</span>"
                                       href="https://d.itadn.com/i0_26430644747/B/616706" target="_blank">MFC<span style=color: #f73131>控</span><span style=color: #f73131>件</span>随<span style=color: #f73131>窗</span>体<span style=color: #f73131>大</span><span style=color: #f73131>小</span>变化<span style=color: #f73131>自</span><span style=color: #f73131>动</span><span style=color: #f73131>调</span><span style=color: #f73131>整</span></a>
                                </div>
                                <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
                                        data-v-abd0b829="" class="onestyle">优质</span></div>
                                <div data-v-abd0b829=""
                                     class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
                                    <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
                                    简介：本文介绍了一种使MFC控件与窗体尺寸动态适应的方法，确保界面元素在窗口缩放时保持良好布局和用户体验。

我用MFC制作了一个简单的控件自适应窗体大小的程序，方便自己学习并分享给大家。如果有需要的朋友可以免积分下载，感谢大家的支持！
                                    </div>  
                                </div>
                            </li>

</body>
</html>

是否确定退出登录?

PB窗口控件自动调整大小(AutoSize)

全部评论 (0)