rect | 易学教程

FormLayoutManager -- 解说（1）

阅读更多关于 FormLayoutManager -- 解说（1）

FormLayoutManager首页，里面有github地址目录前言构造方法 onLayoutChildren handleLayoutChildren 总结前言接下来会一步步带大家走进FormLayoutManager。在写这篇博客之前，我已经实现可以不同行或不同列多类型布局。所以下面讲解是以最新的v2.0代码来说明，后面也会介绍到怎么实现多类型。FormLayoutManager的完整代码有点长，我就不贴出来，大家可以自己看着源码，一边看文章，我们由上至下来说。构造方法 public FormLayoutManager(int columnCount){ mColumnCount = columnCount; } public FormLayoutManager(boolean isHorV, int count){ this(isHorV, count, null); } /** * 什么场景需要传入RecyclerView * 在滚动过程会刷新的数据的时候，最好设置RecyclerView */ public FormLayoutManager(int columnCount, RecyclerView recyclerView){ this(true, columnCount, recyclerView); } public

SVG 画图

阅读更多关于 SVG 画图

SVG 在线画图工具： https://svg.haowen100.com/ 把画的图片代码保存成svg文件，加载 http://www.bejson.com/convert/image_to_svg/ https://www.aconvert.com/cn/image/png-to-svg/ 参考一 SVG 是一种基于 XML 语法的图像格式，全称是可缩放矢量图（Scalable Vector Graphics）。其他图像格式都是基于像素处理的，SVG 则是属于对图像的形状描述，所以它本质上是文本文件，体积较小，且不管放大多少倍都不会失真。 SVG 文件可以直接插入网页，成为 DOM 的一部分，然后用 JavaScript 和 CSS 进行操作。 <!DOCTYPE html> < html > < head > </ head > < body > < svg id = "mysvg" xmlns = " http://www.w3.org/2000/svg " viewBox = "0 0 800 600" preserveAspectRatio = "xMidYMid meet" > < circle id = "mycircle" cx = "400" cy = "300" r = "50" /> < svg > </ body > </ html > 上面是 SVG

D3.js 动画过渡效果 (V3版本)

阅读更多关于 D3.js 动画过渡效果 (V3版本)

一、过渡的启动启动过渡效果，与以下四个方法相关: d3.transition([selection],[name]) //创建一个过渡对象。但是由于每个选择集中都有transition()方法，可用d3.select("rect").transition()的方式来创建过渡，因此一般不直接用d3.transition()。 transition.delay([delay]) //设定延迟的时间。过渡会经过一定时间后才开始发生。单位是毫秒。 transition.duration([duration]) //设定过渡的持续时间(不包括延迟时间)，单位是毫秒。如:duration(2000),是持续2000ms。 transition.ease(vlaue[,arguments]) //设定过渡样式，例如线性过渡、在目标处弹跳几次等方式。接下来制作一个过渡效果: 1 　　　　var width = 600; 2 var height = 400; 3 4 var svg = d3.select("#body") 5 .append("svg") 6 .attr("width",width) 7 .attr("height",height) 8 9 svg.append("rect") 10 .attr("fill","yellow") 11 .attr("x",100) 12

手把手教你用Python实现“坦克大战”，附详细代码！

阅读更多关于手把手教你用Python实现“坦克大战”，附详细代码！

小时候玩的“坦克大战”，你还记得吗？满满的回忆！今天，我们使用Python以及强大的第三方库来实现一个简单的坦克大战游戏。整体效果环境依赖 python3.7 pygame1.9.6 urllib 内置库，如random、sys、time、os等 pygame介绍 Pygame被设计用来写游戏的python模块集合，基于SDL库开发。使用python可以导入pygame来开发具有全部特性的游戏和多媒体软件，Pygame是极度轻便的并且可以运行在几乎所有的平台和操作系统上。 1. 导入依赖 & 通用配置 1import random 2import sys 3import time 4from urllib.request import urlretrieve 5import os 6import pygame 7 8 9SCREEN_WIDTH, SCREEN_HEIGHT = 1200, 700 # 画面大小 10MY_BIRTH_LEFT, MY_BIRTH_TOP = SCREEN_WIDTH / 2, SCREEN_HEIGHT - 60 11DIRECTION = [U, D, L, R] = [ U , D , L , R ] # 控制键 12Tank_IMAGE_POSITION = r D:/tank_img 13URL = https:/

解决：Bitmap too large to be uploaded into a texture

阅读更多关于解决：Bitmap too large to be uploaded into a texture

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 简单说就是硬件加速的时候，对图片的大小有限制。不同设备可能有不同的最大值。这个问题悲催的地方是，程序貌似没有捕获到这个exception, 结果是程序也不报错，图片也显示不出来。只有看debug log才能发现这个error message. 一个解决的方法是禁止硬件加速，简单粗暴：有关 <application android:hardwareAccelerated="false" ...> 比较好的解决方法是类似google map的实现：将图片分成不同的块，每次加载需要的块。android提供了一个方法：（ http://developer.android.com/reference/android/graphics/BitmapRegionDecoder.html ） public void drawBitmap (Bitmap bitmap, Rect src, RectF dst, Paint paint) public Bitmap decodeRegion (Rect rect, BitmapFactory.Options options) 采取上述操作后，就可以加载很多图片，同时也可以显示超级大图了。来源： oschina 链接： https://my.oschina.net/u

基于HT for Web矢量实现HTML5文件上传进度条

阅读更多关于基于HT for Web矢量实现HTML5文件上传进度条

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 在HTML中，在文件上传的过程中，很多情况都是没有任何的提示，这在体验上很不好，用户都不知道到时有没有在上传、上传成功了没有，所以今天给大家介绍的内容是通过 HT for Web 矢量来实现HTML5文件上传进度条，矢量在《矢量Chart图表嵌入HTML5网络拓扑图的应用》一文中已经讲述了关于setCompType()方法的应用，今天我们用setImage()方法充分利用系统中定义好的矢量资源来实现文件上传进度条，我们先来看下效果图：从效果图可以看到，向服务器上传了一个mp4文件，并在最下方显示当前上传进度。那么接下来我们就来探讨下具体实现：首先，我们来分析下进度条的结构： 1. 需要一个背景，background 2. 需要一个当前进度值，value 3. 需要一个前景，foreground，根据当前进度值，绘制前景，盖过背景结构就这么简单，那么接下来就是具体的实现了，看码： ht.Default.setImage('progress', { width : 150, height : 12, comps : [ // 绘制背景 { type : 'rect', rect : {x : 0, y : 0, width : 115, height : 12}, background : {func

CSS和SVG中的剪切——clip-path属性和<clipPath>元素

阅读更多关于 CSS和SVG中的剪切——clip-path属性和元素

CSS和SVG有很多共同之处。CSS有很多特性都是从SVG中引入过来的。其中就有“剪切”的特性。CSS和SVG都允许我们对一个元素进行非矩形的剪切。在这篇文章中，将介绍CSS和SVG中的剪切技术。特别声明：本文提供的DEMO可能在你的浏览器中不能正常的演示，你应该查看这个表格了解更多相关的信息。你在阅读这篇文章之时没有必要查看提供的DEMO。不是所有的剪切特性都可以实现或者说只能实现部分剪切特性。本文的最大目的是告诉你CSS和SVG中的剪切是如何工作？仅用来做为参考。在文章中的代码不带有任何浏览器的私有前缀，但在示例中还是带了浏览器的私有前缀。剪切是什么剪切是一个图形化操作，你可以部分或者完全隐藏一个元素。被剪切的元素可以是一个容器也可以是一个图像元素。元素的哪些部分显示或隐藏是由剪切的路径来决定的。剪切路径定义了一个区域，在这个区域内的内容将会显示，而不在这个区域内的内容不会显示。这个区域被称之为“裁剪区域”。只要在这个区域之外的任何元素都不会显示。包括元素的内容、背景、边框、文本、轮廓等，甚至还包括他的子元素。剪切的元素可以是任何容器和图片元素。剪切路径的概念就相当于在元素上定义了一个视窗。它决定了元素哪些部分在这个“视窗”中显示，哪些部分不在这个“视窗”中显示。但他不会影响自身文档流和其他文档流，因为他通常还是以一个矩形区域显示在其他文档流前面

CSS Clip属性

阅读更多关于 CSS Clip属性

Clip属性在 W3C官网是这样进行描述的：“ 通过对元素进行剪切来控制元素的可显示区域，默认情况下，元素是不进行任何剪切的，但是也有可能剪切区域也显示的设置了clip属性”。 .selector { clip: <shape> | auto | inherit } 首先你要注意： clip属性只能在元素设置了“position:absolute”或者“position:fixed”属性起作用。 clip无法在设置“position:relative”和“position:static”上工作。上面的语法告诉我们，clip属性只接受三个不同的属性值： <shape> ：shape是一个函数功能，当使用仅使用rect()属性; auto ：这是一个默认值，clip设置auto值和没有进行剪切是一样的效果; inherit ：继承父元素的clip属性值。很多时候，你可能希望有更多的shape函数功能使用，比如说rect()和circle()等，但是到目前为止仅有rect()函数可使用，不过不用担心，这个功能就可以帮我们制作很多很酷的效果。 Rect()使用接下来我们来看rect()使用方法。rect()需要设置四个值：top, right, bottom和left。他们之间需要用逗号隔开，而且rect()属性值和margin、padding以及bodrder具有一样的标准

CSS Clip剪切元素实例

阅读更多关于 CSS Clip剪切元素实例

一、实例1： .fixed { position: fixed; width: 382px; height: 100px; background: red; border: 1px solid blue; left:100px; top:100px; } .fixed img { position: absolute; animation: face 4s ease infinite alternate; -webkit-animation: face 4s ease infinite alternate; clip: rect(0px,129px,100px,0px); } @keyframes face { from { clip: rect(0px,129px,100px,0px); } to{ clip: rect(0px,382px,100px,258px); } } 二、实例2： .fixed { position: fixed; width: 382px; height: 100px; background: red; border: 1px solid blue; left:100px; top:100px; } .fixed img { position: absolute; } .face1 { clip: rect(0px,129px,100px,0px);

UGUI:窗口限制以及窗口缩放

阅读更多关于 UGUI:窗口限制以及窗口缩放

版权申明：本文原创首发于以下网站：博客园『优梦创客』的空间：https://www.cnblogs.com/raymondking123 优梦创客的官方博客：https://91make.top 优梦创客的游戏讲堂：https://91make.ke.qq.com 『优梦创客』的微信公众号：umaketop 您可以自由转载，但必须加入完整的版权声明窗口拖动限制在一个特定的区域 public class Scene : MonoBehaviour, IDragHandler, IPointerDownHandler { public RectTransform RtTransform; public RectTransform RTParent; Vector2 downpos; Vector2 newpos; public void OnPointerDown(PointerEventData eventData) { RectTransformUtility.ScreenPointToLocalPointInRectangle (RtTransform, eventData.position ,eventData.pressEventCamera, out downpos); //print(downpos); } public void OnDrag

订阅 rect