如何动态改变Frame的大小？

最新推荐文章于 2023-08-11 23:25:47 发布
原创 最新推荐文章于 2023-08-11 23:25:47 发布 · 3.9k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #button #浏览器 #function #input #html

博客围绕JavaScript、HTML元素展开，涉及button、input等元素，以及在浏览器环境下function的运用，体现了前端开发中JavaScript与HTML元素交互的相关内容。
简介：我想大家应该见过有些网站如Msdn.microsoft.com内一些分帧的页面在按下页面的某个按钮后，页面中的某个帧就会隐藏了，其实这种效果实现起来挺简单的，现在我们就来看看如何用Javascript来访问和修改Frame对象。
1.在开始前我先讲一下Frame的结构与语法: //下面是一个用frame页面的帧的代码
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<frameset rows="117,498"> //如图这代表黄色框的分帧结构为上下分[rows表示上下 cols表示左右] 上为117下为498 包含top.htm与包含left.htm与main.htm的红色框的对象这两个属于同一级对象
<frame src="top.htm">
<frameset id=frame_bottom cols="200,*"> //这表示的是红色框内的分帧结构为左右左是200,右是除了左帧占据200后的所有空间，在这里我给了这个frameset一个id:frame_bottom这是为了方便后面用Javascript来访问这个对象
<frame src="left.htm">
<frame src="main.htm">
</frameset>
</frameset>
<noframes> //这是的用来显示当浏览器不支持frame时显示的页面内容
<body bgcolor="#FFFFFF" text="#000000">
你的浏览器不支持frame
</body>
</noframes>
</html>

2.动态修改frameset的内容
看完上面的代码你应该知道定义 frame_bottom 这个frameset对象的结构代码为 cols="200,*" 下面是动态修改的代码
<input type="button" name="Button" value="点这按钮将关闭左边的帧" onClick=reSetFrames()>
<script language="JavaScript">
function reSetFrames(){
top.frame_bottom.cols=(top.frame_bottom.cols=="0,*")?"200,*":"0,*"; //top代表的是所有frame对象的最高级对象也就是上面定义整体结构的代码，top.frame_bottom 就取得红色框这个对象，然后就修改 top.frame_bottom 对象的cols属性为一个新的值.来达到隐藏帧的效果
}
</script>
51JS
关注
调整 iframe 的大小以适应其内容
liuhao9999的博客
07-26 965
代码】调整iframe的大小以适应其内容。
Unity3D 在代码中动态改变GameObject大小和锚点
シ❤゛甜虾的个人博客
03-15 4664
直接对sizeDelta属性进行赋值，其中X和Y可以对应理解成width和height 直接对anchoredPosition3D属性进行赋值，其中X、Y、Z可以对应理解成pos X、pos Y、pos Z 代码 public class ChartsScript : MonoBehaviour { public GameObject LeftGameObject; public Text LeftText; private Vector2 _sizeDelta; p
javascript 动态改变框架frame,iframe的大小
yanleigis的专栏
11-22 6074
两个html1.index.htmlhtml>head>meta name="GENERATOR" content="Microsoft FrontPage 5.0">meta name="ProgId" content="FrontPage.Editor.Document">meta http-equiv="Content-Type" content="text/html; char
frame大小变化(鼠标可以拖动)
hope598
06-20 856
&lt;frameset rows="5,*" framespacing="0" frameborder="no" border="0"&gt; &lt;frame scrolling="no"style="border-top:#8AB5E8 5px solid;background-color:#8AB5E8;" noresize="nores
java frame 大小_Java JFrame大小和中心
weixin_31270363的博客
02-16 516
我正在研究一个使用2D图形形状创建骰子面的uni项目.我已经完成了所有工作,但我遇到了一个问题：当我调整窗口大小时,我希望我的形状能够改变大小,而不是仅仅保持静止以使其保持在中间位置.我以为我可以设置位置,以便中心试过这个但是没有用.我不确定但是我是否必须编写坐标以使其更改窗口的大小？对这两个问题的任何帮助都会很棒.GUI设置代码import java.awt.Color;import java....
NSImageView 动态修改 frame 大小后无法及时更新
aiyongyyy的专栏
08-08 1451
程序中的NSImageView需要根据图像大小的不同，动态的修改frame的大小，可是发现在程序中修改之后，NSImageView完全没有变化，可事实上NSImageView的frame的size属性确实是被修改过了，在stackoverflow上寻找一番后，发现原来是XCode里xib中的Auto Layout 在作怪，Auto Layout会约束NSImageView的frame的大小变化（N
Electron无边框窗口（最小化、最大化、关闭、拖动）以及动态改变窗口大小
06-09
动态改变窗口大小： 对于窗口大小的动态调整，我们可以监听鼠标边缘的`mousedown`事件，然后在`mousemove`事件中计算新的窗口尺寸。以下是一个示例，用于处理窗口右侧的拖动以改变宽度： ```javascript let ...
swift-一个UINavigationBar分类可以动态改变导航栏的透明度以及大小
08-15
本篇文章将详细讲解如何通过创建一个`UINavigationBar`的分类来实现动态改变导航栏的透明度和大小，从而提升应用的视觉效果。 首先，我们需要了解`UINavigationBar`的基础知识。`UINavigationBar`是UIKit框架中的一...
jQuery动态改变图片显示大小(修改版)的实现思路及代码
10-26
在探讨如何使用jQuery动态改变图片显示大小时，通常会遇到一些典型的实现难点。首先，图片在不同浏览器中的表现可能会有差异，尤其是对于资源加载的时机控制。此外，动态调整图片大小时还需要保持图片的宽高比不变，...
点击改变frame
01-04
在iOS开发中，"点击改变frame"是一种常见的交互设计，用户点击按钮后，视图（View）的frame会发生变化，以此实现视图尺寸或位置的动态调整。这涉及到UI设计、事件处理和动画效果等多个方面。下面将详细介绍这一知识...
语音特征提取
Mr.Gao的博客
02-29 3629
目录 Setup 预加重（Pre-Emphasis） 分帧（Framing） 加窗（Window） 傅里叶变换和功率谱（Fourier-Transform and Power Spectrum） Filter Banks 梅尔倒谱系数 Mel-frequency Cepstral Coefficients (MFCCs) 均值归一化 Mean Normalization ...
【一】从.WAV文件中提取语音的fbank特征
qq_44627776的博客
03-21 949
本文的代码的主要作用：截取声音文件的前3.5s，预加重（增大高频部分幅度），分帧（帧长25ms，步长10ms），加窗（汉明窗），FFT（计算的512点的），梅尔滤波器（32维的）最后画图显示代码效果。 每部分的参数都可以进行修改，按照自己的需求进行即可。 import numpy as np from scipy.io import wavfile from scipy.fftpack import dct import warnings warnings.filterwarnings('ignore')
关于tkinter中frame框架长宽设置的问题
m0_46926466的博客
08-11 872
新增代码后自动改变了frame的大小，在查询资料之后发现使用frame_1.pack_propagate(0)等方法依然无法解决该问题，于是修改Check_Button_1.grid为Check_Button_1.pack之后解决该问题。Check_Button_1 = tk.Checkbutton(frame_1, text="启动1999", background='white')在frame中如果想要新增一些组件，例如lable，checkbutton时，自定义的frame大小会发生改变。
tkinter:解决frame组件大小改变的问题
z_d_g的博客
12-28 1783
tkinter
java frame设置大小_JFrame设置大小和显示setSize和pack
weixin_29515317的博客
03-06 4324
1、单独使用setSize()时，是按照设置的大小显示的；此时不能使用pack()，否则按照pack()自动适配2、单独使用pack()时，是按照组件的大小自动适配的3、单独使用setPreferredSize()时，设置的大小无效，必须在后面添加pack()配合显示pack()调整此窗口的大小，以适合其子组件的首选大小和布局就算JFrame用setSize来设定框体大小，用了pack()一样会改...
如何让frame的大小固定，不能被用户改变？
热门推荐
12-09 1万+
<br /><html><br /><frameset rows="50%,50%"><br /><frame noresize="noresize" src="../asdocs/html_tutorials/Frame_a.html"><br /><frameset cols="25%,75%"><br /><frame noresize="noresize" src="../asdocs/html_tutorials/Frame_b.html"><br /><frame noresize="nores
Tkinter Frame大小设置不起作用
Neobryant的博客
07-20 8554
Tkinter Frame 大小设置不起做作用 说明： Frame组件的大小默认是随着内容的大小而改变 Frame的大小与布局的方式也有关系。 例子说明： from tkinter import * root = Tk() root.geometry('500x400+100+100') frame1 = Frame(root, width=500, height=200, bg='gray') Label(frame1, text='hello tkinter').pack() frame1.pack()
java如何禁止改变窗口大小？使用jframe
最新发布
04-25
<think>好的，用户的问题是关于如何在Java中使用JFrame禁止调整窗口大小并设置固定尺寸。我需要结合之前的引用内容来回答。首先，用户提到了setResizable方法，引用1和引用2都提到了这个方法，传入false就可以禁止调整窗口大小。然后，设置固定大小可以用setSize或者setPreferredSize，但要注意可能需要调用pack方法，尤其是当使用布局管理器的时候。引用2中的例子用了setSize(400,400)，然后setResizable(false)。另外，引用4提到在不可调整大小的容器中要注意边界和字体的问题，可能需要确保布局正确。用户可能还希望窗口在显示时位置合适，所以可能需要用setLocationRelativeTo(null)来居中。综合这些信息，我应该分步骤说明，先禁止调整大小，然后设置尺寸，可能还要考虑布局和pack的使用。同时，要提醒用户注意不同平台下的表现差异。最后，生成相关问题的时候，可以考虑布局管理、事件线程、其他窗口属性设置等。</think>在Java中实现JFrame固定窗口大小可通过以下方法分步实现： ### 一、禁止调整窗口大小 调用`setResizable(false)`方法： ```java JFrame frame = new JFrame(); frame.setResizable(false); // 关键代码 ``` 该方法直接禁用窗口最大化按钮和拖拽调整功能[^1][^2] ### 二、设置固定尺寸（两种方式） 1. **精确尺寸设定** ```java frame.setSize(800, 600); // 单位像素 frame.setPreferredSize(new Dimension(800, 600)); frame.pack(); // 配合布局管理器使用更准确[^3] ``` 2. **动态计算尺寸** ```java frame.pack(); // 自动计算组件所需空间 frame.setResizable(false); ``` ### 三、完整示例代码 ```java public class FixedSizeFrame { public static void main(String[] args) { JFrame frame = new JFrame("固定窗口"); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // 添加组件 JPanel panel = new JPanel(); panel.add(new JLabel("不可调整大小的窗口")); frame.add(panel); // 设置窗口属性 frame.setSize(400, 300); frame.setResizable(false); frame.setLocationRelativeTo(null); // 居中显示 frame.setVisible(true); } } ``` ### 注意事项 1. 建议在EDT（事件分发线程）中执行GUI操作 2. 使用`pack()`时需确保所有组件已完成布局[^3] 3. 不同操作系统下边框渲染可能有差异[^4]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值