zoukankan      html  css  js  c++  java
  • android之字体阴影效果

    今天刚刚好做了个字体阴影的效果,感觉加上了阴影的效果立体感十足啊!写了个简单的demo与大家分享下!
    主要是以下四个属性

      android:shadowColor  阴影的颜色
      android:shadowDx       横向阴影,其值负数是往左,正数是往右
      android:shadowDy       竖直方向,其值负数是往左,正数是往右
      android:shadowRadius   阴影的半径


    代码如下:

    复制内容到剪贴板
    代码:
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent" 
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" 
            android:shadowColor="#40000000"
            android:shadowDx="0"
            android:shadowDy="8"
            android:shadowRadius="1"
            android:layout_margin="20dip"
            android:text="底部阴影效果" 
            android:textSize="20sp"/>
        
         <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" 
            android:shadowColor="#40000000"
            android:shadowDx="0"
            android:shadowDy="-5"        
            android:shadowRadius="1"
            android:layout_margin="20dip"
            android:text="顶部阴影" 
            android:textSize="20sp"/>
         
         
          <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" 
            android:shadowColor="#40000000"
            android:shadowDx="-5"
            android:shadowDy="0"
            android:shadowRadius="1"
            android:layout_margin="20dip"
            android:text="左侧阴影" 
            android:textSize="20sp"/>
          
          
           <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" 
            android:shadowColor="#40000000"
            android:shadowDx="5"
            android:shadowDy="0"
            android:shadowRadius="1"
           android:layout_margin="20dip"
            android:text="右侧阴影" 
            android:textSize="20sp"/>

           
           <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" 
            android:shadowColor="#40000000"
            android:shadowDx="5"
            android:shadowDy="5"
            android:shadowRadius="1"
           android:layout_margin="20dip"
            android:text="右下侧阴影" 
            android:textSize="20sp"/>
    </LinearLayout>

    效果图如下:
     

  • 相关阅读:
    爬虫基础1 怎么使用浏览器查看网络请求
    前端模块化总结(commonJs,AMD,CMD,ES6 Module)
    js强制类型转换规则
    vue-cli3中使用mxgraph的一些总结
    js概念笔记(this)
    js概念笔记(for循环,模块化)
    根据对象数组的某一属性排序
    从svg诞生的panda
    gulp笔记(从开发到发布)
    webpack4.x学习笔记
  • 原文地址:https://www.cnblogs.com/exmyth/p/4648929.html
Copyright © 2011-2022 走看看