【HarmonyOS4.0】第十篇-ArkUI布局容器组件(二)

三、层叠布局容器（Stack）

堆叠容器组件 Stack的布局方式是把子组件按照设置的对齐方式顺序依次堆叠，后一个子组件覆盖在前一个子组件上边。

注意：Stack 组件层叠式布局，尺寸较小的布局会有被遮挡的风险，

3.1.接口

堆叠容器组件 Stack接口如下：

Stack(value?: { alignContent?: Alignment })

3.2.参数

参数只有一个如下：

参数名参数类型必填参数描述
alignContentAlignment否设置子组件在容器内的对齐方式。默认值：Alignment.Center

参数alignContent，参数类型为Alignment枚举有9个参数值如下：

名称描述
TopStart子组件在 Stack 内靠左上角对齐
Top设置子组件在 Stack 内靠顶部水平居中对齐
TopEnd设置子组件在 Stack 内部靠右上角对齐
Start子组件靠 Stack 左边侧竖直居中对齐
Center设置子组件居中对齐
End设置子组件靠右竖直居中对齐
BottomStart设置子组件左下角对齐
Bottom设置子组件底部水平居中对齐
BottomEnd设置子组件右下角对齐

1）TopStart：子组件在 Stack 内靠左上角对齐，简单样例如下所示：

@Entry
@Component
struct StackExample {build() {//TopStart：子组件在 Stack 内靠左上角对齐，Stack({alignContent:Alignment.TopStart}){Text("test1").width(200)                     //宽.height(180)                    //高.textAlign(TextAlign.End).backgroundColor(Color.Orange)  //设置背景Text("test2").width(130)                     //宽.height(100)                    //高.textAlign(TextAlign.End).backgroundColor(Color.White)  //设置背景Text("test3").width(65)                     //宽.height(55)                    //高.textAlign(TextAlign.Center).backgroundColor(Color.Brown)  //设置背景}.width("100%").height(200).backgroundColor(Color.Pink)}
}

预览效果如下：

img

2）Top：设置子组件在 Stack 内靠顶部水平居中对齐，如下图所示：

img

3）TopEnd：设置子组件在 Stack 内部靠右上角对齐，如下所示：

img

4）Start：子组件靠 Stack 左边侧竖直居中对齐，如下所示：

img

5）Center（默认值）：设置子组件居中对齐，如下所示：

img

6）End：设置子组件靠右竖直居中对齐，如下所示：

img

7）BottomStart：设置子组件左下角对齐，如下所示：

img

8）Bottom：设置子组件底部水平居中对齐，如下所示：

img

9）BottomEnd：设置子组件右下角对齐，如下所示：

img

3.3.属性

除支持通用属性外，还支持以下属性：

参数名参数类型参数描述
alignContentAlignment设置所有子组件在容器内的对齐方式。默认值：Alignment.Center从API version 9开始，该接口支持在ArkTS卡片中使用。说明：该属性与通用属性align同时设置时，后设置的属性生效。

alignContent：设置子组件的对齐方式，通过另一种方式设置而已， Alignment 的讲解同上，就没有在说明。

四、List容器

列表包含一系列相同宽度的列表项。适合连续、多行呈现同类数据，例如图片和文本。

说明

  • 列表项ListItem是listItem的子项
  • 列表项（ListItem）数量过多超出屏幕后，会自动提供滚动功能
  • 列表项（ListItem）既可以纵向排列，也可以横向排列
  • 注意list是容器，ListItem不是容器， ListItem中只能包含一个根组件，可以在里面先写一个跟组件，例如row容器，在编写内容

4.1.接口

接口说明：

List(value?:{space?: number | string, initialIndex?: number, scroller?: Scroller})

参数：

参数名参数类型必填参数描述
spacenumber | string否子组件主轴方向的间隔。默认值：0说明：设置为除-1外其他负数或百分比时，按默认值显示。space参数值小于List分割线宽度时，子组件主轴方向的间隔取分割线宽度。
initialIndexnumber否设置当前List初次加载时视口起始位置显示的item的索引值。默认值：0说明：设置为除-1外其他负数或超过了当前List最后一个item的索引值时视为无效取值，无效取值按默认值显示。
scrollerScroller否可滚动组件的控制器。用于与可滚动组件进行绑定。说明：不允许和其他滚动类组件绑定同一个滚动控制对象。

4.2.属性

除支持通用属性外，还支持以下属性：

名称参数类型描述
listDirectionAxis设置List组件排列方向。默认值：Axis.Vertical从API version 9开始，该接口支持在ArkTS卡片中使用。
divider{strokeWidth: Length,color?:ResourceColor,startMargin?: Length,endMargin?: Length} | null设置ListItem分割线样式，默认无分割线。- strokeWidth: 分割线的线宽。- color: 分割线的颜色。- startMargin: 分割线与列表侧边起始端的距离。- endMargin: 分割线与列表侧边结束端的距离。从API version 9开始，该接口支持在ArkTS卡片中使用。endMargin +startMargin 不能超过列宽度。startMargin和endMargin不支持设置百分比。List的分割线画在主轴方向两个子组件之间，第一个子组件上方和最后一个子组件下方不会绘制分割线。多列模式下，ListItem与ListItem之间的分割线起始边距从每一列的交叉轴方向起始边开始计算，其他情况从List交叉轴方向起始边开始计算。
scrollBarBarState设置滚动条状态。默认值：BarState.Off从API version 9开始，该接口支持在ArkTS卡片中使用。
cachedCountnumber设置列表中ListItem/ListItemGroup的预加载数量，其中ListItemGroup将作为一个整体进行计算，ListItemGroup中的所有ListItem会一次性全部加载出来。具体使用可参考减少应用白块说明。默认值：1从API version 9开始，该接口支持在ArkTS卡片中使用。说明：单列模式下，会在List显示的ListItem前后各缓存cachedCount个ListItem。多列模式下， 会在List显示的ListItem前后各缓存cachedCount*列数个ListItem。
editMode(deprecated)boolean声明当前List组件是否处于可编辑模式。可参考示例3实现删除选中的list项。从API version9开始废弃。默认值：false
edgeEffectEdgeEffect设置组件的滑动效果。默认值：EdgeEffect.Spring从API version 9开始，该接口支持在ArkTS卡片中使用。
chainAnimationboolean设置当前List是否启用链式联动动效，开启后列表滑动以及顶部和底部拖拽时会有链式联动的效果。链式联动效果：List内的list-item间隔一定距离，在基本的滑动交互行为下，主动对象驱动从动对象进行联动，驱动效果遵循弹簧物理动效。默认值：false- false：不启用链式联动。- true：启用链式联动。从API version 9开始，该接口支持在ArkTS卡片中使用。
multiSelectable8+boolean是否开启鼠标框选。默认值：false- false：关闭框选。- true：开启框选。从API version 9开始，该接口支持在ArkTS卡片中使用。
lanes9+number | LengthConstrain以列模式为例（listDirection为Axis.Vertical）:lanes用于决定List组件在交叉轴方向按几列布局。默认值：1规则如下：- lanes为指定的数量时，根据指定的数量与List组件的交叉轴尺寸除以列数作为列的宽度。- lanes设置了{minLength，maxLength}时，根据List组件的宽度自适应决定lanes数量（即列数），保证缩放过程中lane的宽度符合{minLength，maxLength}的限制。其中，minLength条件会被优先满足，即优先保证符合ListItem的交叉轴尺寸符合最小限制。- lanes设置了{minLength，maxLength}，如果父组件交叉轴方向尺寸约束为无穷大时，固定按一列排列，列宽度按显示区域内最大的ListItem计算。- ListItemGroup在多列模式下也是独占一行，ListItemGroup中的ListItem按照List组件的lanes属性设置值来布局。- lanes设置了{minLength，maxLength}时，计算列数会按照ListItemGroup的交叉轴尺寸计算。当ListItemGroup交叉轴尺寸与List交叉轴尺寸不一致时ListItemGroup中的列数与List中的列数可能不一样。该接口支持在ArkTS卡片中使用。
alignListItem9+ListItemAlignList交叉轴方向宽度大于ListItem交叉轴宽度 * lanes时，ListItem在List交叉轴方向的布局方式，默认为首部对齐。默认值：ListItemAlign.Start该接口支持在ArkTS卡片中使用。
sticky9+StickyStyle配合ListItemGroup组件使用，设置ListItemGroup中header和footer是否要吸顶或吸底。默认值：StickyStyle.None该接口支持在ArkTS卡片中使用。说明：sticky属性可以设置为 StickyStyle.Header | StickyStyle.Footer 以同时支持header吸顶和footer吸底。

ListItemAlign9+枚举说明：

名称描述
StartListItem在List中，交叉轴方向首部对齐。
CenterListItem在List中，交叉轴方向居中对齐。
EndListItem在List中，交叉轴方向尾部对齐。

StickyStyle9+枚举说明：

名称描述
NoneListItemGroup的header不吸顶，footer不吸底。
HeaderListItemGroup的header吸顶，footer不吸底。
FooterListItemGroup的footer吸底，header不吸顶。

说明

  • List组件通用属性clip的默认值为true。

4.3.事件

名称功能描述
onItemDelete(deprecated)(event: (index: number) => boolean)当List组件在编辑模式时，点击ListItem右边出现的删除按钮时触发。从API version9开始废弃。- index: 被删除的列表项的索引值。
onScroll(event: (scrollOffset: number, scrollState: ScrollState) => void)列表滑动时触发。- scrollOffset: 每帧滚动的偏移量，List的内容向上滚动时偏移量为正，向下滚动时偏移量为负。- scrollState: 当前滑动状态。使用控制器调用ScrollEdge和ScrollToIndex时不会触发，其余情况有滚动就会触发该事件。从API version 9开始，该接口支持在ArkTS卡片中使用。
onScrollIndex(event: (start: number, end: number) => void)列表滑动时触发。计算索引值时，ListItemGroup作为一个整体占一个索引值，不计算ListItemGroup内部ListItem的索引值。- start: 滑动起始位置索引值。- end: 滑动结束位置索引值。触发该事件的条件：列表初始化时会触发一次，List显示区域内第一个子组件的索引值或后一个子组件的索引值有变化时会触发。List的边缘效果为弹簧效果时，在List划动到边缘继续划动和松手回弹过程不会触发onScrollIndex事件。从API version 9开始，该接口支持在ArkTS卡片中使用。
onReachStart(event: () => void)列表到达起始位置时触发。从API version 9开始，该接口支持在ArkTS卡片中使用。说明：List初始化时如果initialIndex为0会触发一次，List滚动到起始位置时触发一次。List边缘效果为弹簧效果时，划动经过起始位置时触发一次，回弹回起始位置时再触发一次。
onReachEnd(event: () => void)列表到底末尾位置时触发。从API version 9开始，该接口支持在ArkTS卡片中使用。说明：List边缘效果为弹簧效果时，划动经过末尾位置时触发一次，回弹回末尾位置时再触发一次。
onScrollFrameBegin9+(event: (offset: number, state: ScrollState) => { offsetRemain })列表开始滑动时触发，事件参数传入即将发生的滑动量，事件处理函数中可根据应用场景计算实际需要的滑动量并作为事件处理函数的返回值返回，列表将按照返回值的实际滑动量进行滑动。- offset：即将发生的滑动量，单位vp。- state：当前滑动状态。- offsetRemain：实际滑动量，单位vp。触发该事件的条件：手指拖动List、List惯性划动时每帧开始时触发；List超出边缘回弹、使用滚动控制器的滚动不会触发。该接口支持在ArkTS卡片中使用。说明：当listDirection的值为Axis.Vertical时，返回垂直方向滑动量，当listDirection的值为Axis.Horizontal时，返回水平方向滑动量。
onScrollStart9+(event: () => void)列表滑动开始时触发。手指拖动列表或列表的滚动条触发的滑动开始时，会触发该事件。使用Scroller滑动控制器触发的带动画的滑动，动画开始时会触发该事件。该接口支持在ArkTS卡片中使用。
onScrollStop(event: () => void)列表滑动停止时触发。手拖动列表或列表的滚动条触发的滑动，手离开屏幕并且滑动停止时会触发该事件；使用Scroller滑动控制器触发的带动画的滑动，动画停止会触发该事件。从API version 9开始，该接口支持在ArkTS卡片中使用。
onItemMove(event: (from: number, to: number) => boolean)列表元素发生移动时触发。- from: 移动前索引值。- to: 移动后索引值。
onItemDragStart(event: (event: ItemDragInfo, itemIndex: number) => ((() => any) | void)开始拖拽列表元素时触发。- itemIndex: 被拖拽列表元素索引值。
onItemDragEnter(event: (event: ItemDragInfo) => void)拖拽进入列表元素范围内时触发。
onItemDragMove(event: (event: ItemDragInfo, itemIndex: number, insertIndex: number) => void)拖拽在列表元素范围内移动时触发。- itemIndex: 拖拽起始位置。- insertIndex: 拖拽插入位置。
onItemDragLeave(event: (event: ItemDragInfo, itemIndex: number) => void)拖拽离开列表元素时触发。- itemIndex: 拖拽离开的列表元素索引值。
onItemDrop(event: (event: ItemDragInfo, itemIndex: number, insertIndex: number, isSuccess: boolean) => void)绑定该事件的列表元素可作为拖拽释放目标，当在列表元素内停止拖拽时触发。- itemIndex: 拖拽起始位置。- insertIndex: 拖拽插入位置。- isSuccess: 是否成功释放。说明：跨List拖拽时，当拖拽释放的位置绑定了onItemDrop时会返回true，否则为false。List内部拖拽时，isSuccess为onItemMove事件的返回值。

ScrollState枚举说明：

名称描述
Idle未滑动状态。
Scroll手指拖动状态。
Fling惯性滑动状态。

说明：

要使List处于可编辑模式需配合onItemDelete事件和ListItem的editable属性，即可编辑模式实现删除列表项功能，需满足以下条件：

  • editMode属性设置为true。
  • 绑定onItemDelete事件，且事件回调返回true。
  • ListItem的editable属性设置为true。

实现ListItem拖拽，需满足以下条件：

  • editMode属性设置为true。
  • 绑定onDragStart事件，且事件回调中返回浮动UI布局。

4.4.案例

4.4.1.示例一：

@Entry
@Component
struct ListItemExample {private arr1:number[] = [0,1,2,3,4,5,6,7,8,9,11,12,13,14,15,16,17,18,19,20]build() {Column(){List({space:20, initialIndex:0}){ //initialIndex设置当前List初次加载时视口起始位置显示的item的索引值。默认值：0ForEach(this.arr1, (item)=>{ListItem(){Text('' + item).width("100%") //宽.height(100)  //高.fontSize(16) //字体大小.textAlign(TextAlign.Center) //居中显示.borderRadius(10) //设置圆角半径.backgroundColor("#A9A9A9") //设置背景颜色}// 结束ForEach循环，并且指定item作为每个列表项的标识符。},item => item)}.listDirection(Axis.Vertical) //排列方向 Vertical垂直方向/*** 设置ListItem分割线样式，默认无分割线。* - strokeWidth: 分割线的线宽。* - color: 分割线的颜色。* - startMargin: 分割线与列表侧边起始端的距离。* - endMargin: 分割线与列表侧边结束端的距离。*/.divider({strokeWidth:2, color: "#8FBC8F", startMargin:20, endMargin:20}).edgeEffect(EdgeEffect.Spring) //滑动到边缘无效果,默认值：EdgeEffect.Spring/*** 列表滑动时触发。* - start: 滑动起始位置索引值。* - end: 滑动结束位置索引值。*/.onScrollIndex((start: number,end:number) => {console.info(`start: ${start}`)console.info(`end: ${end}`)}).width("90%")}.width("100%").height("100%").backgroundColor("#808080").padding({top:10})}
}

预览效果如下：

img

4.4.2.示例二

@Entry
@Component
struct ListLanesExample  {@State arr1:number[] = [0,1,2,3,4,5,6,7,8,9,11,12,13,14,15,16,17,18,19,20,21]build() {Column(){List({space:20}){ForEach(this.arr1, (item)=>{ListItem(){Text("hi:"+item).width("100%") //宽.height(100)  //高.fontSize(16) //字体大小.textAlign(TextAlign.Center) //居中显示.borderRadius(10) //设置圆角半径.backgroundColor("#A9A9A9") //设置背景颜色}.border({width:2, color: "#3CB371"})//结束ForEach循环，并且指定item作为每个列表项的标识符。可以不写},item=>item)}.height(360) //高.width("100%") //宽.border({width: 2, color: "#2F4F4F"}) //框线颜色和宽度/** 设置了最小交叉轴长度为40vp，最大交叉轴长度为80vp,然后由于List没有设置listDirection,所以List的交叉轴方向为水平方向，* 如果列表的交叉轴方向上的大小 小于最小交叉轴长度的两倍，那么只能展示一列。* 如果将列表的交叉轴上的大小改成大于最小交叉轴长度的两倍，列数就会改变（）。*/.lanes({minLength:40, maxLength:80})//一种是直接传一个number，比如上面的列表我想让它交叉轴方向上展示三个子项//.lanes(6)/**** List交叉轴方向宽度大于ListItem交叉轴宽度 * lanes时，ListItem在List交叉轴方向的布局方式，默认为首部对齐。* 默认值：ListItemAlign.Start*/.alignListItem(ListItemAlign.Start)}.width("100%").height("100%").padding(20)}
}

预览效果如下：

img

4.4.3.示例三

@Entry
@Component
struct ListExample02 {@State arr1:number[] = [0,1,2,3,4,5,6,7,8,9,11,12,13,14,15,16,17,18,19,20]@State editFlag:boolean = falsebuild() {//采用层叠布局（创建column容器、然后创建button按钮堆叠在column容器上面）, TopStart子组件在 Stack 内靠左上角对齐Stack({alignContent:Alignment.TopStart}){//创建column容器Column(){List({space:20, initialIndex:0}){ForEach(this.arr1, (item, index:number)=>{ListItem(){//弹性布局（水平排列）,也可以采用row容器Flex({direction:FlexDirection.Row}){Text(""+item).width("100%").height(80).fontSize(20).textAlign(TextAlign.Center).borderRadius(10).backgroundColor("#F9F9FA").flexShrink(1)if(this.editFlag){//如果editFlag为true则显示按钮Button(){Text("delete").fontSize(16).borderRadius(5)}.width("30%").height(40).onClick(()=>{//输出打印到控制太console.info("删除元素："+this.arr1[index])//删除元素this.arr1.splice(index,1)//输出剩余元素console.info(JSON.stringify(this.arr1))//修改值为falsethis.editFlag = false//是否启用按钮按下时的切换效果。当状态设置为 false 时，切换效果无效。}).stateEffect(true)}}}})}.width("90%")}.width("100%")//创建button按钮Button("edit list").onClick(()=>{//点击修改修改值为truethis.editFlag = true}).margin({top:5, left:20})}.size({height:"100%", width:"100%"}).backgroundColor("#E1E1E1").padding({top:10})}
}

预览效果如下：

img

4.4.4.示例四

章节一中的内容，商品如果比较多的时候无法下拉选择的，只能展示一行，这里采用List容器来解决这个问题，如下：

class Item{//定位属性name: stringimage: anyprice: numberconstructor(name: string, image: any, price: number) {this.name = namethis.image = imagethis.price = price}
}@Entry
@Component
struct ListExample {private items:Array<Item> = [new Item("HUAWEI Mate 60 Pro",$r("app.media.mate60"),  7999.00),new Item("HUAWEI MatePad Pro",$r("app.media.MatePadPro"),4299.00),new Item("HUAWEI WATCH GT 4", $r("app.media.WATCHGT4"), 1538.00),new Item("HUAWEI FreeBuds Pro 3", $r("app.media.FreeBudsPro3"), 1499.00),new Item("HUAWEI MateBook 14s", $r("app.media.MateBook14s"), 5299.00),new Item("HUAWEI FreeBuds Pro 3", $r("app.media.FreeBudsPro3"), 1499.00),new Item("HUAWEI MateBook 14s", $r("app.media.MateBook14s"), 5299.00),new Item("HUAWEI Mate 60",$r("app.media.mate60"),  5999.00),new Item("HUAWEI MatePad2 Pro",$r("app.media.MatePadPro"),4599.00),new Item("HUAWEI WATCH GT 5", $r("app.media.WATCHGT4"), 1638.00),new Item("HUAWEI FreeBuds Pro 4", $r("app.media.FreeBudsPro3"), 1699.00),]build() {Column({space:8}){Row(){Text("商品列表").fontSize(30).fontWeight(FontWeight.Bold)}.width("100%").padding(20)List({space:10}){ForEach(this.items,(item: Item)=>{ListItem(){Row({space:10}){Image(item.image).width(100)Column({space:4}){Text(item.name).fontSize(15).fontWeight(FontWeight.Bold)Text(`原价：￥ ${item.price}`).fontColor("#F36").fontSize(18)}.height("100%").alignItems(HorizontalAlign.Start)}.width("90%")  //设置宽度.height(120)    //设置高度.justifyContent(FlexAlign.SpaceBetween) //设置主轴方向主轴方向均匀分配弹性元素，相邻元素之间距离相同。 第一个元素与行首对齐，最后一个元素与行尾对齐。.backgroundColor("#FFFFFF") //设置背景为白色.borderRadius(10) //这是圆角班级.padding(20) //内边距}})}.alignListItem(ListItemAlign.Center) //ListItem在List交叉轴方向的布局方式，默认为首部对齐。这里改为居中对齐.height("100%").width("100%")}.width("100%").height("100%").backgroundColor("#D3D3D3")}
}

预览效果如下：

img

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/624733.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

1.15 作业

1.15 作业

使用计数型信号量设计 2&#xff0c;相关函数的API 一、队列&#xff1a; 1&#xff0c;创建队列函数 osMessageQueueId_t osMessageQueueNew (uint32_t msg_count, uint32_t msg_size, const osMessageQueueAttr_t *attr); msg_count : 队列中消息的最大数量&#xff0c;即…
阅读更多...
并发编程之阻塞队列

并发编程之阻塞队列

目录 什么是队列&#xff1f; Queue接口 阻塞队列 应用场景 ArrayBlockingQueue ArrayBlockingQueue使用 ArrayBlockingQueue的原理 数据结构 入队put方法 出队take方法 LinkedBlockingQueue LinkedBlockingQueue使用 LinkedBlockingQueue原理 数据结构 入队put方…
阅读更多...
vtk qt切割stl模型

vtk qt切割stl模型

一直想实现对stl模型的某个方向进行平面切割 通过滑动slider然后对模型进行某一个方向的面切割。同时可以用鼠标对模型进行移动缩放&#xff0c;旋转等操作。然后可以加一些颜色点云显示等操作。 stl加载&#xff1a; QString selectFilePath QFileDialog::getOpenFileName…
阅读更多...
JS遍历对象的方法及特点

JS遍历对象的方法及特点

1、定义一个对象 let obj {name: Tom,age: 20,sex: 男,};obj.weight 70kg;// obj的原型上定义属性Object.prototype.height 180cm;Object.prototype.major function() {console.log(专业&#xff1a;计算机应用技术);};console.log(obj, obj); 控制台输出的obj中&#xff…
阅读更多...
Java_线程安全

Java_线程安全

一、多线程常用方法 下面我们演示一下getName()、setName(String name)、currentThread()、sleep(long time)这些方法的使用效果。 public class MyThread extends Thread{public MyThread(String name){super(name); //1.执行父类Thread(String name)构造器&#xff0c;为当前…
阅读更多...
通过DTS实现PG14迁移到人大金仓V8R6

通过DTS实现PG14迁移到人大金仓V8R6

迁移需求 xxx项目适配人大金仓&#xff0c;测试环境195pgsql数据库需要进行迁移至192.168.3.29 人大金仓数据库&#xff1b; 数据库信息 ip os登录账号密码 数据库类型 数据库端口 数据库 数据库用户密码 源库 192.168.3.15 root/123456 PG14.2 5432 ahtjtestnew …
阅读更多...
【数据结构】排序之归并排序与计数排序

【数据结构】排序之归并排序与计数排序

个人主页 &#xff1a; zxctsclrjjjcph 文章封面来自&#xff1a;艺术家–贤海林 如有转载请先通知 目录 1. 前言2. 归并排序2.1 递归实现2.1.1 分析2.1.2 代码实现 2.2 非递归实现2.2.1 分析2.2.2 代码实现 3. 计数排序3.1 分析3.2 代码实现 4. 附代码4.1 Sort.h4.2 Sort.c4.3…
阅读更多...
centos7系统 gdb调试jdk11源码

centos7系统 gdb调试jdk11源码

centos7 gdb调试jdk11源码 ##首先你得编译一个debug版本的jdk11。教程centos7下openjdk11源码下载编译安装_openjdk11下载-CSDN博客 ##gdb 启动java进程 设置运行参数、设置断点 运行、调试进入main断点 gdb /home/yym/code/jdk11u-master/build/linux-x86_64-normal-serve…
阅读更多...
实时操作系统day2,互斥

实时操作系统day2,互斥

阅读更多...
Batch Normalization、Layer Normalization代码实现

Batch Normalization、Layer Normalization代码实现

目录 前言批量正则化-BN层正则化-LN 前言 BN(Batch Normalization)首次提出与论文&#xff0c;主要目的是为了解决训练深层神经网络慢的问题。我们可以神经网络整体可以看成一个高阶的复杂函数&#xff0c;通过训练优化它的参数&#xff0c;可以用于拟合各种复杂的数据分布。一…
阅读更多...
营销与经营一体，巨量引擎如何激发生意新未来？

营销与经营一体，巨量引擎如何激发生意新未来？

12月6日&#xff0c;在第九届GDMS全球数字营销峰会上&#xff0c;巨量引擎发表了《营销经营一体&#xff0c;激发生意新未来》为主题的演讲&#xff0c;分享了巨量引擎如何在营销与经营一体化的背景下&#xff0c;通过极致的产品技术创新&#xff0c;激发生意新未来。 激发全渠…
阅读更多...
ClientHttpRequestInterceptor报错Timeout waiting for connection from pool

ClientHttpRequestInterceptor报错Timeout waiting for connection from pool

restTemplate实现ClientHttpRequestInterceptor&#xff0c;报错org.apache.http.conn.ConnectionPoolTimeoutException: Timeout waiting for connection from pool 代码如下&#xff1a; Configuration public class HttpConfig {private static final Integer RETRY_COUNT…
阅读更多...
0基础学java-day26(满汉楼实战）

0基础学java-day26(满汉楼实战）

一、界面设计 1. 需求说明 2 界面设计 2.1 用户登录 2.2 显示餐桌状态 2.3 预订 2.4 显示菜品 2.5 点餐 2.6 查看账单 2.7 结账 3 分层设计 二、功能实现 1 工具类 1.1 构建如下的项目结构 1.2 导入相关的工具类和jar包 相关的工具类和jar包会放在评论区的百度网盘的链接…
阅读更多...
VBA之Excel应用第五节:录制宏时，使用绝对引用和相对引用

VBA之Excel应用第五节:录制宏时，使用绝对引用和相对引用

《VBA之Excel应用》&#xff08;版权10178983&#xff09;是非常经典的&#xff0c;是我推出的第七套教程&#xff0c;定位于初级&#xff0c;目前是第一版修订。这套教程从简单的录制宏开始讲解&#xff0c;一直到窗体的搭建&#xff0c;内容丰富&#xff0c;实例众多。大家可…
阅读更多...
基于JAVA+ssm开发的在线报名系统设计与实现【附源码】

基于JAVA+ssm开发的在线报名系统设计与实现【附源码】

基于JAVAssm开发的在线报名系统设计与实现【附源码】 &#x1f345; 作者主页 央顺技术团队 &#x1f345; 欢迎点赞 &#x1f44d; 收藏 ⭐留言 &#x1f4dd; &#x1f345; 文末获取源码联系方式 &#x1f4dd; &#x1f345; 查看下方微信号获取联系方式 承接各种定制系统 …
阅读更多...
vue使用i18n实现国际化

vue使用i18n实现国际化

安装 npm install vue-i18nnext在src下创建一个名为i18n的文件夹,并按照下图创建需要的文件 i18n/locales/en.json {"common": {"BUTTON_OK": "OK","BUTTON_CANCEL": "Cancel","BUTTON_SUBMIT": "Submit…
阅读更多...
linux后台进程的总结

linux后台进程的总结

文章目录 方案1 nohup &方案2 screen 方案1 nohup & 1、单独使用 nohup 执行脚本&#xff0c;如下图所示&#xff0c;终端会被接管&#xff0c;就是标准输入stdin 被关闭了&#xff0c;使用ctrlc会导致终止执行&#xff0c;但是可以关闭这个终端&#xff0c;重新打开终…
阅读更多...
二叉树题目：从前序与后序遍历序列构造二叉树

二叉树题目：从前序与后序遍历序列构造二叉树

文章目录 题目标题和出处难度题目描述要求示例数据范围 前言解法一思路和算法代码复杂度分析 解法二思路和算法代码复杂度分析 题目 标题和出处 标题&#xff1a;从前序与后序遍历序列构造二叉树 出处&#xff1a;889. 从前序与后序遍历序列构造二叉树 难度 7 级 题目描述…
阅读更多...
react项目运行卡在编译：您当前运行的TypeScript版本不受@TypeScript eslint/TypeScript estree的官方支持

react项目运行卡在编译：您当前运行的TypeScript版本不受@TypeScript eslint/TypeScript estree的官方支持

1.问题 错误信息具体如下&#xff1a; 搜索了一下&#xff0c;是typescript版本的问题&#xff0c;提示我版本需要在3.3.0和4.5.0中间&#xff0c;我查看了package.json&#xff0c;显示版本为4.1.3&#xff0c;然后一直给我提示我的版本是4.9.5&#xff0c;全局搜索一下&…
阅读更多...
FPGA——时序分析与约束（Quartus II）

FPGA——时序分析与约束（Quartus II）

FPGA时序分析与约束 FPGA结构基础数据传输模型Quartus II 时序报告Quartus II 中TimeQuest的操作实操 时序分析&#xff1a;通过分析FPGA内部各个存储器之间的数据和时钟传输路径&#xff0c;来分析数据延迟和时钟延迟的关系&#xff0c;保证所有寄存器都可以正确寄存数据。 数…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023