`
sailei1
  • 浏览: 127620 次
  • 性别: 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...

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

    随着时代的发展，人们对于书法学习的需求日益增长，于是产生了各种练习书法的模板工具，其中，“九宫格回字格米字格楷体练字模版.doc”就是一个专为楷体书法练习者设计的辅助工具文档。 九宫格、回字格和米字格这些...

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

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

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

    在这个被称为“九宫格数独及答案18道.doc”的文档中，包含了18个经典的九宫格数独谜题及解答，为数独爱好者提供了一个练习与提升技能的良好平台。 数独游戏的核心规则并不复杂，它基于一个9x9的网格，这个网格又被...

    JavaScript实现九宫格

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

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