Drawable一个有趣的属性:tileMode

2018-11-26 21:47:55

tileMode是drawable 资源文件 bitmap的一个属性, 翻译的意思是平铺模式。用法如下:
在drawable目录下新建一个资源文件 tile_mode_demo.xml
android:src="@drawable/ic_launcher" android:tileMode="mirror">
tileMode 一共有 4种属性:
mirror,repeat,clamp,disabled

我们现在测试4种属性的具体效果,将 tile_mode_demo.xml当作一个View的背景

xmlns:tools="http://schemas.android.com/tools"android:id="@+id/activity_main"android:layout_width="match_parent"android:layout_height="match_parent"tools:context="com.wangyi.demo.MainActivity">
android:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/tile_mode_demo" />

1.  mirror:一排排正在照镜子的机器人 ,在AndroidStudio中预览的效果如下:

2. repeat:满屏都是机器人

3. clamp:这种情况下将一个View的background 设置成该bitmap, 最终也只会显示bitmap自身的大小 (其实这个View的尺寸是占满了屏幕的 );

4. disabled:这个表示禁用平铺模式 和直接将图片设置成背景是一样的效果。



  • 2020-03-01 19:00:46

    触发onclick事件元素的获取

    自动生成元素的onclick事件 event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素

  • 2020-03-03 09:46:42

    JS实现HTML标签转义及反转义

    简单说一下业务场景,前台用户通过input输入内容,在离开焦点时,将内容在div中显示。 这时遇到一个问题,如果用户输入了html标签,则在div显示中,标签被解析。 由于是纯前端操作,不涉及后端,因此需要通过js对输入内容进行转义。

  • 2020-03-03 09:51:38

    写一个可插入自定义标签的 Textarea 组件

    为了实现这个功能,我最先想的是改造一个 <textarea> 然后我想到了 contenteditable (链接指向 mozilla.org) 这一属性 这是一个 html5 的属性,可以让元素内容可编辑

  • 2020-03-03 20:18:21

    Vuepress如何做到在 Markdown 中使用 Vue 语法

    在 vuepress 刚出时,我就觉得这是个很值得追更的开源项目。果不其然,里面众多的前端编程技巧让我受益良多。 于是在周末这种日子里,人家追剧我追码。 今天,我就和大家分享下 vuepress 是如何做到在 Markdown 中使用 Vue 语法的。