精华内容
下载资源
问答
  • 容器的组件有哪些
    千次阅读
    2020-03-22 21:12:57


    1. 问题

    • 常用的容器有哪些?

    2. 解答

    更多相关内容
  • java中的容器组件和非容器组件

    千次阅读 2021-02-27 10:17:10
    1、java使用到的图形类主要在java.awt 与javax.swing包中。2、java.awt 与 javax.swing包的区别:① java.awt中使用的图形类都是依赖于...组件的类别:容器组件、非容器组件 1、布局管理器:布局管理就是用于指定组...

    1、java使用到的图形类主要在java.awt 与javax.swing包中。

    2、java.awt 与 javax.swing包的区别:

    ① java.awt中使用的图形类都是依赖于系统的图形库的。

    ② javax.swing包使用到的图形类都是sun自己实现,不需要依赖系统的图形库。

    3、在java中所有的图形类都被称作组件类。

    组件的类别:容器组件、非容器组件

    6139b580a2d2bf16a65154a9d0da17ff.png

    13f24d0de8acd5979143a41db99799d0.png

    1、布局管理器:布局管理就是用于指定组件的摆放位置的。

    2、BorderLayout(边框布局管理器)

    摆放的风格: 上北 、 下南 、 左西、 右东 , 中

    3、Borderlayout 要注意的事项:

    ① 使用Borderlayout添加组件的时候,如果没有指定组件的方位,那么默认添加到中间的位置上

    ② 使用BorderLayout的时候,如果东南西北那个方向没有对应的组件,那么中间位置的组件就会占据其空缺的位置

    ③ 窗体默认的布局管理器就是Borderlayout

    4、流式布局管理器(FlowLayout)

    流式布局管理器要注意的事项

    ① 流式布局管理器默认情况是居中对齐的

    ② panel默认的局部管理器就是FlowLayout

    5、表格布局管理器(GridLayout)

    注意的事项: 如果表格数量不够使用时,默认会多加一列。

    6、卡片布局管理器(CardLayout)

    对于JFrame和JWindow这样的顶层框架来说默认的布局管理器是边界布局(BorderLayout);JPanel默认的布局管理器为FlowLayout。

    java.awt包中大约有:

    FlowLayout 流式布局

    BorderLayout 边框式布局

    GridLayout 网格布局

    CardLayout 卡片布局

    GridBagLayout 复杂的网格布局

    javax.swing包中大约有如下布局

    BoxLayout 盒式布局

    OverlayLayout  重叠布局

    ScrollPaneLayout  类JScrollPane使用的布局管理器

    ViewportLayout   类JViewport使用的布局管理器

    展开全文
  • 微信小程序常用视图容器组件

    千次阅读 2022-03-15 22:33:57
    微信小程序常用视图容器组件1、组件概述2、常用的试图容器组件2.1 view2.1.1 案例2.2 scroll-view2.2.1 案例2.3 swiper2.3.1 案例 1、组件概述   组件是视图层基本的组成单元,具备UI风格样式以及特定的功能效果。...

    1、组件概述

      组件是视图层基本的组成单元,具备UI风格样式以及特定的功能效果。当打开某款小程序之后,界面中的图片、文字等元素都需要使用组件,小程序组件使用灵活,组件之间通过相互嵌套进行界面设计,开发者可以通过组件的选择和样式属性设计出不同的界面效果。一个组件包括开始标签和结束标签,属性用来装饰这个组件的样式。

      其语法格式如下:

    <标签名称 属性="">
    内容
    </标签名称>
    

    2、常用的试图容器组件

      视图容器(View Container)组件用于排版页面为其他组件提供载体。常用视图容器有View、scroll-view和swiper等等。

    2.1 view

      view容器是页面中最基本的容器组件,通过高度和宽度来定义容器大小。<view>相当于HTML种的<div>标签,是一个页面中最外层的容器,能够接受其他组件的嵌入,例如,多个view容器的嵌套。view容器可以通过flex布局定义内部项目的排列方式。

      属性如下表所示

    image-20220315220420684

    2.1.1 案例

      本例设计了两组父子view容器的点击态,第一组父子view容器种子view容器不阻止点击态向父容器传递,第二组父子view容器中子view容器阻止点击态向父容器传递,

    pages/view/view.wxml代码如下:

    <view class="demo-box">
      <view class="title">1.view小案例</view>
      <view class="title">(1)不阻止父容器的view-hover</view>
      <view class="view-parent" hover-class="view-hover">我是父类容器
        <view class="view-son" hover-class="view-hover">我是子类容器</view>
      </view>
      <view class="title">(2)阻止父容器的view-hover</view>
      <view class="view-parent" hover-class="view-hover">我是父类容器
        <view class="view-son" hover-class="view-hover" hover-stop-propagation hover-start-time="3000" hover-stay-time="4000">我是子类容器</view>
      </view>
    </view>
    

    pages/view/view.wxss代码如下:

    .view-parent {
      width: 100%;
      height: 350rpx;
      background-color: pink;
      text-align: center;
    }
    .view-son {
      width: 50%;
      height: 200rpx;
      background-color: skyblue;
      margin: 20rpx auto;
      text-align: center;
    }
    .view-hover {
      background-color: red;
    }
    

    app.wxss

    .demo-box {
      padding: 20rpx;
      margin: 20rpx 60rpx;
      border: 1rpx solid gray;
    }
    .title {
      display: flex;
      flex-direction: row;
      margin: 20rpx;
      justify-content: center;
    }
    

    页面初始效果

    image-20220315220854720

    点击第1组子容器

    image-20220315220920109

    点击第2组子容器

    image-20220315220938176

      在view.wxml种放置两组<view>容器,在app.wxss文件中设置父容器背景色为浅红色,子容器背景色为浅蓝色,通过hover-class="view-hover"为标签增加属性,点击态均设置为点击后背景色更新为红色,第一组不阻止点击态传递给父容器,在第二组子类容器种通过hover-stop-propagation来组织点击态传递给父容器,并设置属性hover-start-time=“3000”,hover-stay-time=“4000”,当点击子容器时,3s后出现点击状态,当手指松开4ss后,子容器背景色编为初始颜色。

    2.2 scroll-view

      scroll-view容器为可滚动的视图容器,允许用户通过手指在容器上滑动来改变显示区域,常见的滑动方向有水平滑动和垂直滑动。其属性表如下所示。

    注意:在使用纵向滚动时,需要为设置一个固定宽度

    2.2.1 案例

    pages/scroll-view/scroll-view.wxml

    <view class="demo-box">
    	<view class="title">2.scroll-view小案例</view>
    	<view class="title">实现纵向滚动</view>
    	<scroll-view scroll-y>
    	  <view class="scroll-item-y">元素一</view>
    	  <view class="scroll-item-y">元素二</view>
    	  <view class="scroll-item-y">元素三</view>
    	  <view class="scroll-item-y">元素四</view>
    	  <view class="scroll-item-y">元素五</view>
    	  <view class="scroll-item-y">元素六</view>
    	</scroll-view>
    </view>
    
    

    pages/scroll-view/scroll-view.wxss

    scroll-view {
      height: 600rpx;
      width: 250rpx;
      margin: 0 auto;
    }
    .scroll-item-y {
      height: 200rpx;
      line-height: 200rpx;
      text-align: center;
      background-color: skyblue;
      border: 1px solid gray;
    }
    

      本例在scroll-view.wxml文件中设置组件,通过设置属性scroll-y,允许组件上下滑动,在scroll-view.wxss文件中设置其高度为600rpx,使得scroll-view组件能够纵向滑动,在中嵌套6组用于显示滚动效果,内部元素宽度均为250rpx。

    滑动前:

    image-20220315222220593

    滑动后:

    image-20220315222243954

    2.3 swiper

      <swiper>组件为滑块视图容器,通常用于图片之间的切换播放,被形象得称为轮播图。其属性表如图所示。

    image-20220315222518484

    2.3.1 案例

    效果图:

    swiper

    pages/swiper/swiper.wxml

    <view class="demo-box">
      <view class="title">3.swiper小案例</view>
      <view class="title">图片进行翻页切换</view>
      <swiper indicator-dots autoplay interval="3000">
        <swiper-item>
          <image src="/images/cat1.jpg"></image>
        </swiper-item>
        <swiper-item>
          <image src="/images/cat2.jpg"></image>
        </swiper-item>
        <swiper-item>
          <image src="/images/cat3.jpg"></image>
        </swiper-item>
      </swiper>
    </view>
    

    pages/swiper/swiper.wxss

    swiper {
      height: 350rpx;
    }
    

      本例在swiper.wxml文件中放置<swiper>组件,组件属性autoplay允许自动切换图片,设置属性interval=“3000”,图片每隔3s发生一次切换,属性indicator-dots用于显示面板知识点,<swiper>组件中嵌套3组<swiper-item>,swiper容器高度设置为300rpx。

      更多视图容器组件请查看官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/cover-image.html

    展开全文
  • Java容器的常用组件

    千次阅读 2020-10-30 22:48:35
    Frame组件的特点: - Frame对象标题,允许通过拖拉来改变窗口的位置、大小 - 初始化时为不可见,可用setVisible(true)使其显示出来 ...Panel容器存在的意义在于为其他组件提供空间,Panel容器具有如下3个特点。

    Java容器的常用组件

    Frame

    Frame组件的特点:

    • Frame对象有标题,允许通过拖拉来改变窗口的位置、大小
    • 初始化时为不可见,可用setVisible(true)使其显示出来
    • 默认使用BorderLayout作为其布局管理器

    实例

    import java.awt.*;
    public class Demo{
    	public static void main(String[] args){
    		
    		Frame f=new Frame("测试窗口");
    		f.setBounds(30,30,250,200);
    		f.setVisible(true);
    	}
    }
    

    运行结果
    在这里插入图片描述

    Panel

    Panel是AWT中的一个典型的容器,它不能独立存在、必须放在其他容器中的容器。该区域中可以继续盛装其他组件。Panel容器存在的意义在于为其他组件提供空间,Panel容器具有如下3个特点。

    • 可作为容器来盛装其他组件,为放置组件提供空间
    • 不能单独存在,必须放到其他容器中
    • 默认使用FlowLayout作为其布局管理器

    实例

    import java.awt.*;
    public class Demo{
    	public static void main(String[] args){
    		
    		Frame f=new Frame("测试窗口");
    		Panel p=new Panel();
    		p.add(new TextField(20));
    		p.add(new Button("单击我"));
    		f.add(p);
    		f.setBounds(30,30,250,200);
    		f.setVisible(true);
    	}
    }
    

    运行结果
    在这里插入图片描述

    ScrollPane

    ScrollPane是一个带滚动条的容器,它也不能独立存在,必须被添加到其他容器中。ScrollPane容器具有如下3个特点:

    • 可作为容器来盛装其他组件,当组件占用空间过大时ScrollPane会自动产生滚动条。当然也可以通过指定特定的构造器参数来指定默认具有滚动条。
    • 不能单独存在,必须放置到其他容器中
    • 默认使用BorderLayout作为其布局管理器。ScrollPane通常用于盛装其他容器,所以通常不允许改变ScrollPane的布局管理器。

    实例

    import java.awt.*;
    public class Demo{
    	public static void main(String[] args){
    		
    		Frame f=new Frame("测试窗口");
    		ScrollPane s=new ScrollPane(ScrollPane.SCROLLBARS_ALWAYS);
    		s.add(new TextField(20));
    		s.add(new Button("单机我"));
    		f.add(s);
    		f.setBounds(30,30,250,200);
    		f.setVisible(true);
    	}
    }
    

    运行结果
    在这里插入图片描述

    这里只看到了按钮,主要是因为ScrollPane布局的原因,后面会对布局进行介绍。

    展开全文
  • 如果你使用过 Redux 开发 React,你一定听过 容器组件(Smart/Container Components) 或 展示组件(Dumb/Presentational Components),这样划分什么样的好处,我们能否能借鉴这种划分方式来编写 Vue 代码呢?...
  • 图形用户界面是由组件容器构成。 组件又称控制组件,是图形用户界面中不可再分的最小元素,起功能是与用户完成一次交互操作; 容器是若干个 组件容器的集合; 容器又分为顶层容器和中间容器; 顶层容器是应用...
  • Flutter中的容器组件

    2021-01-07 22:37:11
    容器组件用于包含能够应用样式属性的子组件。 如果Container组件没有子项,它将自动填满屏幕上的给定区域,否则它的尺寸取决于给定子元素的高度和宽度。 注意:在没有任何父组件的情况下,不应直接使用容器组件。 您...
  • 容器组件和展示组件

    千次阅读 2019-01-22 14:56:31
    redux 的 React 绑定库包含了 容器组件和展示组件相分离 的开发思想。明智的做法是只在最顶层组件(如路由操作)里使用 Redux。其余内部组件仅仅是展示性的,所有数据都通过 props 传入。 不区分容器和展示组件的...
  • Java基础——GUI——Swing中常用容器组件

    万次阅读 多人点赞 2019-06-20 09:56:08
    1.swing中常用容器 (1)JFrame 常用方法: 1.构造方法: 2.设置窗体可见: 3.设置点击窗体的执行的操作:. ... 4.... 5.获取窗体容器:在容器中添加和删除组件: 做完添加和删除之后最好刷新容器: ...
  • java组件容器

    千次阅读 2021-02-28 18:22:32
    java组件容器.java.awt包提供了基本的java程序的GUI设计工具。主要包括下述三个概念:组件(java.awt.Component),许多组件类的父类封装了组件通用的方法和属性,如图形的组件对象、大小、显示位置、前景色和背景色...
  • 展示组件和容器组件的区别和应用

    千次阅读 2020-03-12 15:23:54
    在使用React中,你是否会出现过一个文件的代码很多,既存在...首先我们来看一个容器组件和展示组件一起的例子吧。 class TodoList extends React.Component{ constructor(props){ super(props); this.state ={ ...
  • 组件表示能够显示在屏幕上的各种图形化的实体。组件是Component子类的仔何一个对象正像我们已经看到的,JFrame窗口是一个组件,但不包含其他的子类。在研究特定的组件之前。我们先看一看表示组件的类组之间的一般...
  • Spring有哪些组件

    千次阅读 2021-07-25 11:35:03
    本文基于Spring 5.2.7 Spring是一个功能强大的框架,他的实现是分模块的,我们需要从架构设计上了解他。...Spring组件构成是分层次的,底层是Spring的基础设施,上层是Spring提供的应用能力,底层为上层提供基础。 ...
  • 容器组件(Container)

    千次阅读 2019-07-01 18:10:15
    容器组件(Container)是一个组合Widget,内部绘制Widget、定位Widget和尺寸Widget,包含一个子Widget,自身具备如alignment、pading等基础属性,方便布局过程中摆放child。Container组件常用属性如下表: ...
  • 容器管理组件

    2012-09-02 10:56:56
    自己管理类的组件,文章。注入,管理,控制。
  • 微信小程序View视图容器组件

    千次阅读 2021-05-22 22:31:27
    完整微信小程序(Java后端) 技术贴目录清单页面(必看) 微信小程序框架为开发者提供了一系列完备的UI组件,方便开发者快速构建小程序UI界面。借助这些UI组件开发者...视图容器(View)是小程序框架组件中最常见的基础组件
  • Java_Swing(二)——Swing容器组件

    千次阅读 2019-06-03 23:54:01
    JFrame是用来创建窗口的顶层容器组件,JFrame类主要以下常用方法: 代码示例: import java.awt.*; import javax.swing.*; public class JFrame_z extends JFrame{ public JFrame_z() { setTitle("JFrame...
  • Container 布局容器:用于布局的容器组件,方便快速搭建页面的基本结构 <el‐container>:外层容器。当子元素中包含 <elheader> 或 <el‐footer>时,全部子元素会垂直上下排列,否则会水平左右...
  • 在Java中那么一些概念:对象、类、包、模块、组件容器、框架。这些概念都一个共同的特点,就是【容纳】。对象(Object)在Java的世界里,对象是通过属性和方法来分别对应事务所具有的静态属性和动态属性的。类...
  • 视图容器组件 视图容器组件共有5种: view视图容器 scroll-view可滚动视图区域 swiper滑块视图容器 movable-view可移动视图容器 cover-view覆盖原生组件的视图容器 view视图容器 view视图容器是WXML界面布局的基础...
  • Dubbo有哪些核心组件

    千次阅读 2020-02-13 08:50:01
    Provider:服务的提供方 ... Container:服务运行容器 【Java面试题与答案】整理推荐 基础与语法 集合 网络编程 并发编程 Web 安全 设计模式 框架 算法与数据结构 异常 文件解析与生成 L...
  • 容器组件和展示型组件的区别

    千次阅读 2017-12-28 16:52:41
    容器组件 容器组件主要表现为组件怎么工作的、数据怎样更新的,不包含任何Virtual DOM 的修改或组合,也不会包含组件的样式。 如果映射到Redux上,容器组件就是使用connect的组件,如果映射到Flux上,就是与...
  • 【Android容器组件—ScrollView】

    千次阅读 多人点赞 2022-03-15 21:02:37
    ScrollView是一个容器,主要作用就是将超出物理屏幕的内容显示出来,(就是滚动条效果)它提供垂直滚动,进而可将超出物理屏幕的内容显示出来
  • Swing组件容器事件

    2013-03-12 20:07:51
    是真的 去北京实训老师给的 说是他总结的
  • vue实现一个组件容器

    千次阅读 2018-02-27 21:13:14
    最近比较忙,时间完善思路。 设计思路 设计图 代码 设计思路 依赖render方法,设计无template的虚拟component。 设计图 代码 https://github.com/zhangyugege/abstract-form-demo...
  • 行业分类-设备装置-具有带罩的磁性叶轮组件容器
  • Flutter布局组件

    2021-02-24 15:18:34
    关于Container容器的显示规则,如下几条:Container是使用非常多的一个布局容器,关于Container容器的显示规则,如下几条:如果Container中没有子组件,则Container会尽可能的大如果Container中组件,则...
  • 自定义容器组件也是我一直想要实现的,就像<View></View>一样,其中可以放置很多的View组件,来实现我们想要的UI效果;然而这种容器组件可以通过 this.props.children 来实现
  • java容器组件之间关系

    千次阅读 2018-11-19 15:39:27
    也是一个容器类。这个框子可以嵌入几个玻璃窗。JFrame自带了一个玻璃窗。可以通过语句 Container c=getContentPane(); 获得该内容窗格。 也可以定制一个新的玻璃面板替换原来的自带的玻璃窗,代码如下: JPanel ...
  • 【Android容器组件—FrameLayout】

    千次阅读 多人点赞 2022-03-15 19:44:20
    通过这个属性,布局在FrameLayout中的组件可以指定自己在容器中的重心位置,例如,靠左,靠右等, 所有控件都默认显示在屏幕左上角。 FrameLayout全局定义的属性 二. 练习一 实现下面布局 代码: 练习二: 实现鼠标...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 488,942
精华内容 195,576
热门标签
关键字:

容器的组件有哪些

友情链接: dsp2812_ECan.zip