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-22 21:16:07

    用vue做的跟随鼠标移动的div

    最近接到一个任务,就是在既存用electron-vue开发的桌面端程序上追加随鼠标移动的动画效果,之前一直使用angular和react,没怎么接触过vue,先做一个vue的简单例子,然后再整合。

  • 2020-03-23 15:16:30

    import,require具体用法

    import 和 require 是JS模块化编程使用的,是前端开发者们在性能探索中的又一大进步。

  • 2020-03-30 15:37:12

    PM2下使用 npm run 命令

    npm run xxxx 是 node常用的启动方式之一,本文介绍下如何用PM2来实现该方式的启动。 下面是项目的package.json文件部分代码:

  • 2020-04-01 10:15:11

    vue-cli3.0中vue.config.js的基本配置(去除esLint提示和解决build后静态文件路径报错)

    vue-cli是开发vue项目必不可少的脚手架工具,3.0版本之前的目录结构是由config目录的,关于webpack配置的文件都放在该目录里面,而3.0版本之后做了一个大更新,webpack相关的默认配置都帮你集成到webpack的npm 包里面去了,官方提供的一种修改配置的方式就是开发者自己在项目的根目录(与src同层级的目录)下建立一个vue.config.js的文件,然后去覆盖自定义的配置,达到你想要的效果,下面写一个基本的默认配置