`
sailei1
  • 浏览: 127065 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

九宫格布局练习

layout 
阅读更多 


Ext.create('Ext.Container', {
    fullscreen: true,
    layout: 'vbox',
	defaults: {
                flex: 1,
                width: '100%',
                padding: 10,
                defaults: {
                    flex: 1,
                    height: '100%',
                    margin: 10
                }    
            },
    items: [
        {
                xtype: 'panel',
                layout: 'hbox',
                items:[
                    {xtype:'button',text:'按钮1'},
                    {xtype:'button',text:'按钮2'},
					{xtype:'button',text:'按钮3'},
                    
                ],
				  flex: 1
        },
        {
            xtype: 'panel',
                layout: 'hbox',
                items:[
                    {xtype:'button',text:'按钮1'},
                    {xtype:'button',text:'按钮2'},
					{xtype:'button',text:'按钮3'},
                   
                ],
				  flex: 1
        },
		 {
           xtype: 'panel',
                layout: 'hbox',
                items:[
                    {xtype:'button',text:'按钮1'},
                    {xtype:'button',text:'按钮2'},
					{xtype:'button',text:'按钮3'},
                   
                ],
				  flex: 1
        },
		 {
            xtype: 'panel',
                layout: 'hbox',
                items:[
                    {xtype:'button',text:'按钮1'},
                    {xtype:'button',text:'按钮2'},
					{xtype:'button',text:'按钮3'},
                   
                ],
				  flex: 1
        }
    ]
});
  • 大小: 12.8 KB
分享到：
| Structs2 checkList 前台判断
评论
1 楼 a121267963 2013-07-31  
还行，，很简单。
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    九宫格练习

    - 自定义UICollectionViewFlowLayout：为了实现九宫格布局，我们需要继承UICollectionViewFlowLayout并重写`layoutAttributesForElements(in:)`方法，确保每个单元格的宽度和高度相等，并根据屏幕尺寸调整单元格...

    九宫格XIB练习

    在这个"九宫格XIB练习"中，我们主要探讨如何使用Interface Builder（XIB）来实现这种布局。XIB文件是Apple开发的用于设计和管理用户界面的工具，它可以让我们在不编写任何代码的情况下构建UI组件。 首先，我们需要...

    新手任务九宫格练习代码

    在编程学习过程中，九宫格练习是一个非常基础且重要的任务，尤其对于新手来说，它能够帮助初学者熟悉基本的编程逻辑、控制结构以及简单的界面设计。在这个“新手任务九宫格练习代码”中，我们将探讨如何通过编程实现...

    九宫格素材

    在九宫格布局中，CSS主要用来设定每个宫格的宽高比例，以及它们之间的间隔和对齐方式。常见的方法包括使用Flexbox或Grid布局。Flexbox提供了一种更简单的方式来处理元素的对齐和分布，而Grid布局则更适合创建二维的...

    C# 九宫格 最精简 vs2010

    在这个场景下，"九宫格"是指一种常见的界面设计模式，它由3x3的小格子组成，常用于游戏、布局展示或者用户交互。下面将详细探讨如何使用C#和WinForms在VS2010中实现一个最精简的九宫格界面。 首先，我们需要创建一...

    九宫格 C#2005 示例

    在本示例中，"九宫格 C#2005 示例"是一个针对初学者的编程练习，旨在教授如何使用C#2005来实现一个基础的九宫格游戏。九宫格游戏通常指的是一个3x3的矩阵，玩家需要通过一定的策略填入数字或完成特定任务。在C#环境...

    原生js九宫格随机闪烁代码

    2. **九宫格布局**： - 九宫格通常通过CSS实现，可以使用`display: grid`或`display: flex`来创建一个3x3的网格布局。 - 每个单元格可以通过CSS类选择器进行独立样式设置，例如`.grid-item`。 3. **DOM操作**： ...

    java实现的九宫格

    Java实现的九宫格，又称为“数独”...总之，Java实现的九宫格是一个很好的编程练习，涵盖了递归、回溯、数组操作以及可能的GUI编程。通过这个项目，开发者可以锻炼逻辑思维，学习解决问题的方法，并提升编程技能。

    不同风格的九宫格抽奖

    总的来说，"不同风格的九宫格抽奖"项目提供了一个实际的编程练习，涵盖了JavaScript基础、随机数生成、动画制作、以及框架与原生JavaScript的比较。无论你是新手还是有一定经验的开发者，都可以从中受益，提高自己的...

    C#仿手机九宫格解锁

    在本文中，我们将深入探讨如何使用C# Winform来实现一个仿手机九宫格解锁功能。九宫格解锁是移动设备上常见的用户界面元素，它允许用户通过连接一系列预设的数字来解锁屏幕。让我们逐步解析这个项目的核心知识点。 ...

    C#学习 九宫格程序代码

    在这个案例中，可能需要在这里添加代码来绘制九宫格的布局。 `button1_Click`方法是当用户点击“开始”按钮时触发的。这个方法首先创建了一个包含数字1到9的字符串数组`array`，然后用`Random`类生成随机数来打乱...

    java 九宫格拼图

    【Java 九宫格拼图】是一款非常适合初学者学习的游戏项目，它主要利用Java的图形用户界面（GUI）技术来实现。在这个游戏中，玩家需要在一个3x3的网格中通过移动空缺位置的方块，使得每行、每列以及主对角线上的数字...

    WPF九宫格拼图

    【WPF九宫格拼图】是一个非常适合初学者学习的项目，它利用Windows Presentation Foundation（WPF）技术来实现一个简单的拼图游戏。WPF是.NET Framework中的一个UI框架，用于构建桌面应用，提供了丰富的图形渲染能力...

    JS + CSS 做一个简易九宫格抽奖

    在本项目中，我们将利用JavaScript（JS）和Cascading Style Sheets（CSS）技术来创建一个简单的九宫格抽奖程序。这个练习非常适合初级开发者，它将帮助你掌握基础的前端开发技能，包括DOM操作、CSS样式设计以及...

    九宫格拼图小游戏源代码

    九宫格拼图小游戏是一种经典的智力游戏，它基于一个3x3的网格，目标是通过滑动各个...对于初学者来说，实现九宫格拼图小游戏是一个很好的练习项目，因为它涵盖了基本的GUI编程和算法应用，同时也是一个有趣的互动应用。

    易语言源码趣味九宫格.rar

    "趣味九宫格"是一个编程项目，可能是用易语言编写的一个小游戏或练习，旨在帮助学习者理解编程逻辑和算法设计。在易语言中，我们可以用基本的编程结构、控制语句和函数来实现这样的九宫格游戏。 九宫格通常指的是3...

    九宫格数独及答案18道.doc

    九宫格数独是一种经典的逻辑推理游戏，源自日本，其英文名为Sudoku。它基于一个9x9的大方格，被划分为9个3x3的小九宫格。每个小九宫格、每一行和每一列都必须填入数字1到9，且每个数字在每个小九宫格、每行和每列中...

    Android应用源码仿支付宝九宫格解锁.rar

    在Android开发中，模仿支付宝九宫格解锁功能是一项常见的练习，它可以帮助用户通过自定义的图形密码进行安全验证。这个"Android应用源码仿支付宝九宫格解锁.rar"压缩包包含了一个实现此类功能的示例项目，对于学习...

    九宫格回字格米字格楷体练字模版.doc

    文档"九宫格回字格米字格楷体练字模版.doc"是一个用于练习楷体书法的模板，其中包含了不同日期的练字内容。练字模版通常由九宫格、回字格和米字格组成，这些格子设计的目的在于帮助书写者更好地掌握汉字的结构和笔画...

    JavaScript实现九宫格

    JavaScript实现的九宫格小游戏是一种常见的前端编程练习，它结合了HTML、CSS和JavaScript的核心技术。这个小游戏的目标通常是让玩家通过鼠标点击或键盘控制在9个方格内移动一个小球或者角色，有时还可能涉及一些逻辑...

Magicbox
Global site tag (gtag.js) - Google Analytics