Frame的简单布局和应用

最新推荐文章于 2022-05-22 01:09:28 发布
最新推荐文章于 2022-05-22 01:09:28 发布
阅读量116 收藏
点赞数
文章标签： 数据库
原文链接：http://www.cnblogs.com/taotie/archive/2010/06/12/1756827.html
版权

Frame的简单布局和应用

（1）做一个简单的Frame的应用，我们的布局暂定为上、左、右三个部分，如图1-1草图

2010061210072472.jpg

图1-1草图

（2）首先把Top.aspx搭建，代码如下：

<body>

    <form id="form1" runat="server">

    <div>

    <table width="100%" border="1">

        <tr>

            <td align="right">

               <asp:Button ID="btn_close" runat="server" Text=" 关 闭 "

                    οnclick="btn_close_Click" />

            </td>          

        </tr>

    </table>     

    </div>

    </form>

</body>

（3）其次把Left.aspx搭建，代码如下：

<body>

    <form id="form1" runat="server">

 

      <div style="width: 220px; height: 600px; overflow:auto; border-top-width: 1px; border-left-width: 1px; border-left-color: silver; border-bottom-width: 1px; border-bottom-color: silver; border-top-color: silver; border-right-width: 1px; border-right-color:Green">

        <asp:TreeView ID="TreeView1" runat="server"></asp:TreeView>

     </div>

    </form>

</body>

（4）再者把Right.aspx搭建，代码如下：

<body>

    <form id="form1" runat="server">

   <table border="0" cellpadding="0" cellspacing="0" style="width: 368px">

            <tr>

                <td style="height: 27px; text-align: right">

                    词典代码：</td>

                <td style="height: 27px; width: 265px;">

                    <asp:Label ID="labEntryCode" runat="server"></asp:Label></td>

            </tr>

            <tr>

                <td style="text-align: right; height: 27px;">

                    词典名称：</td>

                <td style="height: 27px; width: 265px;">

                    <asp:Label ID="labEntryName" runat="server"></asp:Label></td>

            </tr>

            <tr>

                <td style="height: 27px; text-align: right">

                    内容代码：</td>

                <td style="height: 27px; width: 265px;">

                    <asp:TextBox ID="txtContentCode" runat="server"></asp:TextBox></td>

            </tr>

            <tr>

                <td style="text-align: right; height: 27px;">

                    内容名称：</td>

                <td style="height: 27px; width: 265px;">

                    <asp:TextBox ID="txtContentName" runat="server"></asp:TextBox></td>

            </tr>

        </table>

    </form>

</body>

（5）最后把Default.aspx搭建，这个是Frame的核心，代码如下：

<frameset rows="50,*" framespacing="0" frameborder="no" border="0">

 <frame src="Top.aspx" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />

    <frameset rows="*" cols="230,*" framespacing="0" frameborder="no" border="0">

        <frame  src="Left.aspx" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" target="mainFrame" />

        <frame src="Right.aspx" name="mainFrame" id="mainFrame" title="mainFrame"  target="_self" />

    </frameset>

</frameset>

（6）上述步骤都完成之后，基本上框架都完成了。这次我们在左边放一个简单的树形结构的数据，右边放显示点击树形结构后显示的数据。

（7）需要的数据库的表结构如下：图1-2，1-3所示

2010061210075357.jpg

图1-2表um_entry

2010061210080264.jpg

图1-3表um_entrycontent

（8）上述就是一个简单的Frame的布局，我做的实例地址（包含了上面两个表的结构）：http://download.csdn.net/source/2450111

转载于:https://www.cnblogs.com/taotie/archive/2010/06/12/1756827.html

weixin_30911451
关注
Python学习，第七课（灵活使用Frame，让布局更舒适）
红辣椒炒绿辣椒炒肉
08-08 4487
Python学习第七课（让界面布局舒适，是一个长久的工作）一入布局深似海，加一减一都很难基础知识尝试布局尝试好布局，感受下元素带来的不同改造主程序，细节还是要优化细节优化，细枝末节的参数第一个实例课程，就这么结束咯 一入布局深似海，加一减一都很难 上一课，我们最终实现了这个软件的界面显示和控制功能。 看起来，我们是实现了功能，但是有点乱七八糟的。 其实Python除了自己的tkinter库以外，还有QtPy等多种其他库，都可以实现界面显示。 相比Qtpy图形拖拽式的制作界面，tkinter好像显得不那么友
框架frame布局的简单例子
04-30
上中下 左右布局的例子。超精练，一看就懂。
frame布局
口乃心之门户
01-28 130
框架导航中，那个frame是靠name的值来导航的，不是id；在此做个笔记。。。
FrameLayout(帧布局)
zjpp2580369的博客
07-31 1745
FrameLayout(帧布局)可以说是六大布局中最为简单的一个布局,这个布局直接在屏幕上开辟出一块空白的区域,当我们往里面添加控件的时候,会默认把他们放到这块区域的左上角,而这种布局方式却没有任何的定位方式,所以它应用的场景并不多;帧布局的大小由控件中最大的子控件决定,如果控件的大小一样大的话,那么同一时刻就只能看到最上面的那个组件。后续添加的控件会覆盖前一个。虽然默认会将控件放置在左上角,但是...
页面布局--frame
weixin_30654419的博客
05-05 154
页面布局是很重要的，虽然现在大部分都是用的DIV进行框架的分割，但是在一般的原型设计里面，大部分都是用frame进行分割框架的，原因很简单----方便，代码少！ 一般格式为： <framesetrows="100,*"cols="*"frameborder="no"border="0"framespacing="0"> <frame...
Frame的3种布局管理器
weixin_43833396的博客
03-18 496
Frame的3种布局管理器 FlowLayout流式布局 public class TestFlowLayout { public static void main(String[] args) { Frame frame = new Frame("TestFlowLayout"); Button button1 = new Button("Button1"); Button button2 = new Button("Button2");
swift-JCFrameLayout一款采用链式语法为视图做Frame布局的工具
08-14
开发者可以通过阅读源码了解其内部实现机制，通过示例项目快速上手使用，同时文档会详细解释如何集成和使用这个库，帮助开发者更好地理解和应用Swift-JCFrameLayout。 总的来说，Swift-JCFrameLayout是Swift开发...
简单HTML界面 frame应用
04-02
在这个“简单HTML界面 frame应用”的主题中，我们将深入探讨如何利用`<frame>`元素构建多页面的布局，以及如何实现页面间的跳转。首先，我们需要理解框架集的概念。框架集是由`<frameset>`元素定义的，它可以将...
Frame动画简单的应用演示
06-04
在Android开发中，动画是提升用户体验的关键因素，而帧动画（Frame Animation）是其中一种简单易用的动画形式。帧动画通常用于实现一系列连续图片播放的效果，如动图或者简单的视频效果。本节将深入探讨帧动画的实现...
简单计算器 及GridLayout布局
06-15
1编写Application程序，在Frame中加入80个按钮，分20行4列，用GridLayout布局方式，按钮背景为黄色(Color.yellow)，按钮文字颜色为红色(Color.red)。 2.设计一个简单计算器，如下图所示。在“操作数”标签右侧的两个文本框输入操作数，当单击操作符＋，－，×，÷按钮时，对两个操作数进行运算并将结果填入到“结果”标签右侧的文本框中。
VB 布局随窗口大小改变
aqi947的专栏
11-02 1870
<br />TIMESEEKER 的 VB 布局随窗口大小改变　凡用过VB编写Windows应用程序的用户都可能有过这样的经历:当一个经过精心设计的应用程序运行后，如果用户重新调整了窗体的大小，则控制在窗体中的相对位置、控件与窗体的大小比例均会严重失调，程序的界面变得面目全非。一个好的Windows应用程序的界面，自适应窗体尺寸改变的能力是必不可少的。笔者在这方面做了一些探讨，希望能对VB编程爱好者提供一些启发和帮助。 　　 1、按照窗体尺寸缩放比例自动调整控件的大小 　　窗体和控件的大小由窗体和控件的Wi
tkinter模块布局(frame和grid)
weixin_37645480的博客
05-22 7399
我们常见的GUI像我们的操作系统，软件、网页。我们可以看到通常做法是按照根容器放置容器（如Frame组件），容器里放置一堆控件(lable,button,entry等等)，最后他们共同组成一个完整界面。
frameset与frame页面布局
sunny_LI
12-09 1万+
浏览器窗口布局，也是web项目必备的知识。         要想让页面整齐有序，就需要给窗口分区域，就像本子上写字一样，遵循一定的规则，比如：上留天下留底，左右留边距，这样看起来会更美观。web页面布局用到的知识点就是html的标签。把浏览器的整个页面按照行列规则分成一块儿一块儿的，把这片儿分好了，才好“种庄稼”。 下面看两个例子：         导航跳页面用的
基本布局之 - FrameLayout
amoscxy的博客
05-11 1万+
基本布局之 - FrameLayout 1.1 默认效果 1.2 使用layout_gravity属性来指定控件在布局中的对齐方式 基本布局之 - FrameLayout FrameLayout又称作帧布局，这种布局没有方便的定位方式，所有控件都会默认放在布局左上角 1.1 默认效果 最终视图 实例目录 activity_main.xml &amp;amp;lt;?x...
Android布局详解之一：FrameLayout
热门推荐
yihui823的专栏
08-19 31万+
原创文章，如有转载，请注明出处：http://blog.csdn.net/yihui823/article/details/6702273   FrameLayout是最简单的布局了。所有放在布局里的控件，都按照层次堆叠在屏幕的左上角。后加进来的控件覆盖前面的控件。 在Fr
五大布局-----FrameLayout帧布局
Blog___Rose6
11-07 878
1、FrameLayout2、利用FrameLayout实现霓虹灯效果。3、利用FrameLayout实现带文字的进度条。
frameset布局
这个博客记录我的成长。(专注前端开发，ehcarts图表开发，接定制)，有需要请站内私信。
04-09 747
frameset布局 最近一直在用的vue框架，大家都知道vue是单页面应用。如果抛弃js框架，和ui框架的话，如果写一个左右布局左边是菜单右边是内容的，类似后台管理那种布局怎么写呢？首先想到了frameset，但是很可惜虽然各大浏览器都还支持 但是H5已经不支持了 用法 需要四个html文件，分别是main.html，left.html，right.html，和a.html 1.main...
HTML框架<frame>详解与应用
课程旨在帮助学习者掌握HTML的基本标记、样式表设置和JavaScript基础，进而能设计并实现简单的静态个人网站。 详细内容: 在HTML中，框架（frame）是一个非常实用的功能，它允许网页被分割成多个独立的区域，每个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值