文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

TDesign 更新周报（2022年9月第1周）

onColumnControllerVisibleChange 的 trigger 参数返回错误的问题 @sechi747 (#1456)修复列在设置 type = multiple 时，设置 className 不起作用的问题...#1012) @uyarn (#1618)Tabs: 修复 addable 添加按钮定位错误 @HelKyle (#1553)LiveDemo: 修复slider 垂直布局预览问题 (issue 1600...Nofitication: 修复 classname 透传问题，closebtn/icon 无法支持 bool 设置 @carolin913 (#1417)Table:修复 editableCellState 返回值与期望相反问题...overlayProps 属性透传至 Overlay 组件 @LeeJim (#822)Icon: name 支持图片链接 @anlyyao (#828)Tabs: change 和 click 事件返回 label 的值 ... (#814)tabs: 修复无法正常移除 tab panel 的问题 @LeeJim (#830)DropdownMenu: 修复下拉菜单定位错误的问题 @LeeJim (#836)Tabs: 修复垂直模式下内容区域绑定事件无效的问题

2.6K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    Unity SKFramework框架（十八）、RoamCameraController 漫游视角相机控制脚本

    github.com/136512892/SKFramework 二、功能 1.键盘控制移动 通过键盘W、S、A、D、E、Q按键分别实现向前、后、左、右、上、下方向的移动： 2.视角拉近拉远 通过鼠标滚轮的滚动实现视角的拉近或拉远...，作用等同于W、S按键： 3.视角旋转 通过按住鼠标右键并进行拖动实现视角的旋转： 通过设置verticalLimitMax、verticalLimitMin来限制在垂直方向上的旋转角度，以防止相机...轴上的活动区域范围，当isRangeClamped为true时起作用 translateSpeed：移动的速度 boost：加速系数，当按下键盘左边的Shift键时会加速移动 positionLerpTime：坐标插值到目标值所需时长...rotationLerpTime：旋转插值到目标值所需时长 mouseMovementSensitivity：鼠标灵敏度 mouseScrollMoveSpeed：鼠标滚轮滚动时视角拉近拉远的速度 invertScrollDirection...：是否反转鼠标滚轮滚动时视角拉近拉远的方向 invertY：是否反转垂直方向上旋转的方向 verticalLimitMax：垂直方向上旋转的最大角度值 verticalLimitMin：垂直方向上旋转的最小角度值

    76120

    React Native之ScrollView控件详解

    13：showsVerticalScrollIndicator bool 当此属性为true的时候，显示一个垂直方向的滚动条。 有时候滚动视图会占据比实际内容更多的空间。...15：（ios）alwaysBounceVertical bool 当此属性为true时，垂直方向即使内容比滚动视图本身还要小，也可以弹性地拉动一截。...当内容比滚动视图大的时候，此属性没有作用。默认值为false。...常见的选项有： Normal: 0.998 (默认值) Fast: 0.9 25：（ios）directionalLockEnabled bool 当值为真时，滚动视图在拖拽的时候会锁定只有垂直或水平方向可以滚动...这个值应该和contentInset一样。默认值为{0, 0, 0, 0}。 34：（ios）scrollsToTop bool 当此值为true时，点击状态栏的时候视图会滚动到顶部。

    5.9K70

    【React】【CSS】【案例】：Flex 弹性盒模型

    flex-start：所有行从垂直轴起点开始填充。第一行的垂直轴起点边和容器的垂直轴起点边对齐。接下来的每一行紧跟前一行。 flex-end：所有行从垂直轴末尾开始填充。...最后一行的垂直轴终点和容器的垂直轴终点对齐。同时所有后续行与前一个对齐。 center：所有行朝向容器的中心填充。每行互相紧挨，相对于容器居中对齐。...容器的垂直轴起点边和第一行的距离相等于容器的垂直轴终点边和最后一行的距离。 space-between：所有行在容器中平均分布。相邻两行间距相等。.... width 值可以是 ; 该值也可以是一个相对于其父弹性盒容器主轴尺寸的百分数 。...水平、垂直居中 ? <!

    2.8K40

    了解虚拟列表背后原理，轻松实现虚拟列表

    在项目中，大数据渲染常常遇到,比如umy-ui(ux-table)虚拟列表table组件，vue-virtual-scroller以及react-virtualized 这些优秀的插件快速满足业务需要...important; } 这样处理主要是为了插值表达式在未渲染的时候，让用户看不到未渲染前的模版内容。...如果不先隐藏，那么会打开页面的时候会有插值表达式，vue中提供了一个v-cloak,但是貌似这里不管用，在vue2中是可以的。...当滚动条上滑时，计算出滚动的距离scrollTop，通过currentIndex = Math.floor(scrollTop/rowHeight)计算出当前起始索引 根据endIndex = Math.min...: https://github.com/bvaughn/react-virtualized [3] code example: https://github.com/maicFir/lessonNote

    3.5K10

    TDesign 更新周报（2022年6月第3周）

    0.42.1FeaturesForm：实例方法 reset 支持重置指定字段，新增参数 { type:'initial' | 'empty', fields:number[] }实例方法 validate 支持值校验而不显示每个组件的错误信息文本...TimePicker：重构TimePicker为 compositionAPI，全新的UI样式及交互，disableTime API 有所调整, 调整交互为点击确认按钮保留改动, 直接关闭弹窗不保留改动恢复初始值，...修复 inputNumberProps 无法支持 readonly、tips 等 api 配置问题(#941)DatePicker：enable-time-picker 状态下，prefixIcon 不起作用...：https://github.com/Tencent/tdesign-vue-next/releases/tag/0.16.0React for Web 发布 0.35.1Featurestable:... 无效问题Skeleton: 修复 ts 类型问题Tabs: 修复左右切换渲染问题Dialog: 修复 mask 关闭问题详情见：https://github.com/Tencent/tdesign-react

    3.1K10

    Unity SKFramework框架（二十四）、Avatar Controller 第三人称控制

    Threshold：行走阈值 与Animator BlendTree中阈值相对应 Sprint Threshold：奔跑阈值 与Animator BlendTree中阈值相对应 Rotate Speed：旋转值使用插值方式...插值的速度 2.Camera Controller Avatar：Avatar人物 Horizontal Sensitivity：鼠标水平方向灵敏度 Vertical Sensitivity：鼠标垂直方向灵敏度...Rot Y Min Limit：旋转y值的最小值限制 Rot Y Max Limit：旋转y值的最大值限制 Rotation Lerp Time：插值到目标旋转值所需的时间 Height：相机距人物的高度...Min Distance Limit：相机距人物最小距离限制 Max Distance Limit：相机距人物最大距离限制 Scroll Sensitivity：鼠标滚轮滚动的灵敏度 Invert Scroll...Direction：是否翻转鼠标滚轮滚动的方向 Obstacle Layer：避障检测时障碍物的Layer层 其中Obstacle Layer用于避障检测，例如在场景中放置一个障碍物，将其Layer层级指定为

    78010

    React Native学习笔记（三）—— 样式、布局与核心组件

    如果我们想知道自己的屏幕以这种长度的计量下是多少单位，可以通过引入react-native包中的Dimensions拿到，同时还可以查看本机的像素比例是多少。...ScrollView不仅可以垂直滚动（默认），还能水平滚动（通过horizontal属性来设置）。...ScrollView常用属性： horizontal（布尔值）：当此属性为true的时候，所有的的子视图会在水平方向上排成一行，而不是默认的在垂直方向上排成一列。默认值为false。...showsHorizontalScrollIndicator（布尔值）：当此属性为true的时候，显示一个水平方向的滚动条。...showsVerticalScrollIndicator（布尔值）：与showsHorizontalScrollIndicator相对，当此属性为true的时候，显示一个垂直方向的滚动条。

    14.3K31

    React技巧之使用ref获取元素宽度

    原文链接：https://bobbyhadz.com/blog/react-get-element-width-ref[1] 作者：Borislav Hadzhiev[2] 正文从这开始~ 总览 在React...import {useLayoutEffect, useRef, useState} from 'react'; export default function App() { const ref...offsetWidth属性以像素为单位返回元素的宽度，包括任何边框、内填充和垂直滚动条（如果存在的话）。 offsetHeight属性返回元素的高度，单位是像素，包括垂直内填充和边框。...或者，你可以使用clientWidth属性，它返回元素的宽度，单位是像素，包括内填充，但不包括边框、外边距和垂直滚动条（如果存在的话）。...参考资料 [1] https://bobbyhadz.com/blog/react-get-element-width-ref: https://bobbyhadz.com/blog/react-get-element-width-ref

    4K10

    Unity基础教程-物体运动（十一）——滚动（Animated Sphere）

    因此，我们将切换到使用调整向量，而不是孤立的旧值和新值。当我们这样做的时候，还需要交换侧向移动和垂直移动的组成部分，因此Y在MovingSphere.Update中上下移动。 ?...接下来，从AdjustVelocity中删除当前的X和Z值，将其替换为调整向量，在这里我们直接计算沿X和Z的所需速度调整。 ? 如果我们要游泳的话，还包括此时的Y调整。否则为零。 ?...只要将球体的Rigidbody设置为插值就可以了。然后，我们可以通过将身体的速度除以时间增量来找到合适的运动矢量。覆盖距离是该向量的大小。这不是完美的，但视觉上就足够了。 ?...但是，这在静止时不起作用，因此如果该帧的移动很小（例如小于0.001），则中止操作。 ? ? （向适当的方向滚动） 2.5 对齐球 球现在可以正确旋转，但是这样做的结果是其纹理可以以任意方向结束。...（不稳定的跳跃） 我们可以通过在更新球时忽略相对垂直运动来减小此影响，这是通过将运动投影到旋转平面法线上并将其减去矢量来实现的。 ? ?

    3.3K30

    移动跨平台框架ReactNative组件样式style【05】

    React Native 的基础语言是 JavaScript，React Native style 的属性是 JavaScript 的一个键值对 对象。键是 CSS 的样式名，值是 CSS 的值。...样式覆盖与优先级 React Native 支持样式的覆盖，覆盖语法其实就是合并多个字典/对象的值，覆盖语法如下 值不同：flexDirection的默认值是column而不是row，而flex也只能指定一个数字值。Flexflex 属性决定元素在主轴上如何填满可用区域。...align-content:定义了多轴线的对齐方式，如果项目只有一根轴线，那么该属性将不起作用 .container { align-content: flex-start | flex-end...从图可以看出又三条轴线（因为容器宽度有限），当值为stretch时会三条轴线平分容器的垂直方向上的空间。

    2K10

    javascript中元素的scrollLeft和scrollTop属性说明

    且overflow的值不能为visible，但可以为hidden,auto,scroll的之中，但是hidden最常见。 注意：在对这两个参数设置值时，直接用数字就可以了，否者不起作用。...即设置scrollleft就如同你拖动水平滚动条一样。假如你的页面太大，浏览器的宽度不够，就会出现滚动条。一开始scrollLeft的值为0，你就看到了你的页面最左边的内容。...而不显示超过浏览器的那部分，当你向右拖动滚动条时，scrollLeft的值在增大，你就看到了右边因隐藏的东西，而看不到左边隐藏的部分。...元素的最左边为0,显示的宽度为10,那就就能看到0-10的位置，假如scrollLeft为20的话，你就能看到从20的位置开始显示，向后显示10个 那么scrollTop和scrollLeft一样，只不过变成了垂直了而已...实现内容的滚动效果（其中内容可以是任何东西：图片，文字，等等） 1 <!

    1.5K20

    从项目中由浅入深的学习react (2)

    提供render方法 react-router 4.x组成 react-router(核心路由和函数) , react-router-dom(API) , react-router-native( React...(需要后台支持); 2.hashHistory(有'#'); 3.createMemoryHistory redux 单向数据流 , action(通过dispatch改变state值) , reducer...2.3技术栈 dva+umi+ant-design-pro dva:可拔插的react应用框架,基于react和redux mui:集成react的router和redux ant-design-pro...:基于react和ant-pc的中后台解决方案 2.4适配方案 左侧固定宽度，右侧自适应 右侧导航分别配置滚动条.控制整个page 2.5技能点分析 技能点 对应api 路由 基于umi,里面有push...,replace,go等方法 状态管理 dva里面的redux的封装,属性有state,effects,reducers 组件传值 父子:props,平级redux或umi的router model 项目的

    1.4K40

    CSS定位

    定位的使用包含两个部分： 定位的方式 偏移值 left,right,top,bottom偏移值准确的理解是“距离什么位置有多大” 如 top:100px; 距离顶部为100像素 （向下走）。...静态定位 所有的标准流都是静态定位 position:static; 一般用于将某些已经定位的元素还原成标准流，用的很少 偏移值对于静态定位来说不起作用，我们以后说的元素定位不包括静态定位 <!...可以直接写宽高 （不论块级还是行内） 1.4. margin:auto对于脱标元素不起作用 巧妙运用：让一个定位盒子水平垂直居中 left: 50%; top: 50%; margin-left...1.1.脱标的元素不占标准流的位置 1.2.不会继承父级的的宽度，内容有多个就撑多大 （不论块级还是行内） 1.3.可以直接写宽高 （不论块级还是行内） 1.4.margin:auto对于脱标元素不起作用...2.移动的出发点：浏览器窗口 （直接表现：滚动条对于固定元素没有作用） 四种定位总结 定位模式 是否脱标占有位置 是否可以使用边偏移 移动位置基准 静态static 不脱标正常模式 不可以 正常模式

    1K40

    名人堂 | CSS3 transform对普通元素的N多渲染影响

    1transform提升元素的垂直地位 我们可能都知道这样一个规则，当遭遇元素margin负值重叠的时候，如果没有static以外的position属性值的话，后面的元素是会覆盖前面的元素的。...60px;"> 若想近距离体验，您可以狠狠地点击这里：CSS3 transform覆盖后面的重叠元素Demo 只要是支持transform元素的浏览器，包括IE9(-ms-), 都会提高普通元素的垂直地位...2transform限制position:fixed的跟随效果 我们应该都知道，position:fixed可以让元素不跟随浏览器的滚动条滚动，而且这种跟随效果连它的兄弟们position:relative...fixed元素，变成absolute一样的行为表现，比方说下面这个妹子，其position属性值1000%是fixed，但是，却大失所望跟着滚动条混了，归根结底就是父元素加了个小小的transform属性值...，如果含有overflow不为visible的父级元素，同时，该父级元素以及到该绝对定位元素之间任何嵌套元素都没有position为非static属性的声明，则overflow对该absolute元素不起作用

    73910

    react-native 动画笔记 && 监听

    两个参数时：第一个参数指定水平方向的缩放倍率，第二个参数指定垂直方向的缩放倍率。...    {scale: this.state.bounceValue},  // 缩放     {rotate: this.state.rotateValue.interpolate({ // 旋转，使用插值函数做值映射...插值函数： 将输入值范围转换为输出值范围，如下：将0-1数值转换为0deg-360deg角度，旋转View时你会用到 this.state.rotateValue.interpolate({ // ...旋转，使用插值函数做值映射         inputRange: [0, 1],         outputRange: ['0deg', '360deg']}) 组合动画： parallel：同时执行...this.state.bounceValue},  // 缩放                 {rotate: this.state.rotateValue.interpolate({ // 旋转，使用插值函数做值映射

    1.3K10
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券