阴影效果

最新推荐文章于 2023-03-08 16:04:30 发布
最新推荐文章于 2023-03-08 16:04:30 发布
阅读量192 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenjie0932/article/details/81162106
版权 
<?xml version="1.0" encoding="utf-8"?>
<com.zhy.autolayout.AutoLinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#ffffff"
    android:orientation="vertical" >
    <com.zhy.autolayout.AutoLinearLayout
        android:layout_width="fill_parent"
        android:layout_height="44dp"
        android:layout_marginLeft="9dp"
        android:background="#ffffff"
        android:orientation="horizontal">
        
        <ImageView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:src="@mipmap/hot"/>

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="6dp"
        android:text="热门课程"
        android:textColor="#333333"
        android:textSize="18dp" />
    
    </com.zhy.autolayout.AutoLinearLayout>
    
     <View 
        android:layout_width="fill_parent"
        android:layout_height="0.5dp"
        android:layout_marginLeft="9dp"
        android:background="#ebebeb"
        />
    <com.zhy.autolayout.AutoLinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="9dp"
        android:layout_marginTop="11dp"
        android:orientation="horizontal" >
        <com.zhy.autolayout.AutoRelativeLayout
            android:id="@+id/home_hot_Rl1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1" >

            <ImageView
                android:id="@+id/home_hot_iv1"
                android:layout_width="fill_parent"
                android:layout_height="105dp"
                android:scaleType="fitXY"
                android:src="@mipmap/ic_launcher"
                 />
            <com.zhy.autolayout.AutoRelativeLayout
                android:layout_width="fill_parent"
                android:layout_height="25dp"
                android:layout_alignBottom="@+id/home_hot_iv1"
                android:background="#a6595959"
                >

            <TextView
                android:id="@+id/home_hot_title_1"
                android:layout_width="fill_parent"
                android:layout_height="25dp"
                android:layout_alignParentLeft="true"
                android:layout_marginLeft="12dp"
                android:ellipsize="end"
                android:gravity="center_vertical"
                android:singleLine="true"
                android:text="haha"
                android:textColor="#ffffff"
                android:textSize="11sp"
                />
            
            </com.zhy.autolayout.AutoRelativeLayout>

            <TextView
                android:id="@+id/hot_name_1"
                android:layout_width="wrap_content"
                android:layout_height="34dp"
                android:layout_alignParentLeft="true"
                android:layout_below="@+id/home_hot_iv1"
                android:layout_marginTop="7dp"
                android:ellipsize="end"
                android:singleLine="true"
                android:text="haha"
                android:textColor="#999999"
                android:textSize="13sp"
                
                 />
        </com.zhy.autolayout.AutoRelativeLayout>

        <com.zhy.autolayout.AutoRelativeLayout
             android:id="@+id/home_hot_Rl2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="6dp"
            android:layout_marginRight="9dp"
            android:layout_weight="1" >

            <ImageView
                android:id="@+id/home_hot_iv2"
                android:layout_width="fill_parent"
                android:layout_height="105dp"
                android:scaleType="fitXY"
                android:src="@mipmap/ic_launcher"
                 />
            
             <com.zhy.autolayout.AutoRelativeLayout
                android:layout_width="fill_parent"
                android:layout_height="25dp"
                android:layout_alignBottom="@+id/home_hot_iv2"
                 android:background="#a6595959"
                >

            <TextView
                 android:id="@+id/home_hot_title_2"
               android:layout_width="fill_parent"
                android:layout_height="25dp"
               android:layout_alignParentLeft="true"
                android:layout_marginLeft="12dp"
                android:ellipsize="end"
                android:gravity="center_vertical"
                android:singleLine="true"
                android:text="haha"
                android:textColor="#ffffff"
                 
                android:textSize="11sp"
                 />
            
            </com.zhy.autolayout.AutoRelativeLayout>

            <TextView
                android:id="@+id/hot_name_2"
                android:layout_width="wrap_content"
                android:layout_height="34dp"
                android:layout_alignParentLeft="true"
                android:layout_below="@+id/home_hot_iv2"
                 android:layout_marginTop="7dp"
                android:ellipsize="end"
                android:singleLine="true"
                android:text="haha"
                android:textColor="#999999"
                android:textSize="13sp"
                 />
        </com.zhy.autolayout.AutoRelativeLayout>
    </com.zhy.autolayout.AutoLinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:orientation="horizontal" >

        <RelativeLayout
            android:id="@+id/home_hot_Rl3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1" >

            <ImageView
                android:id="@+id/home_hot_iv3"
                android:layout_width="fill_parent"
                android:layout_height="105dp"
                android:scaleType="fitXY"
                android:src="@mipmap/ic_launcher"
                 />
             <RelativeLayout 
                android:layout_width="fill_parent"
                android:layout_height="25dp"
                android:layout_alignBottom="@+id/home_hot_iv3"
                 android:background="#a6595959"
                >

            <TextView
                 android:id="@+id/home_hot_title_3"
                android:layout_width="fill_parent"
                android:layout_height="25dp"
                android:layout_alignParentLeft="true"
                android:layout_marginLeft="12dp"
                android:ellipsize="end"
                android:gravity="center_vertical"
                android:singleLine="true"
                android:text="haha"
                android:textColor="#ffffff"
                android:textSize="11sp"
                 />
            
            </RelativeLayout>

            <TextView
                 android:id="@+id/hot_name_3"
                android:layout_width="wrap_content"
                android:layout_height="34dp"
                android:layout_alignParentLeft="true"
                android:layout_below="@+id/home_hot_iv3"
                 android:layout_marginTop="7dp"
                android:ellipsize="end"
                android:singleLine="true"
                android:text="haha"
                android:textColor="#999999"
                android:textSize="13sp"
                />
        </RelativeLayout>

        <RelativeLayout
             android:id="@+id/home_hot_Rl4"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="6dp"
            android:layout_marginRight="9dp"
           android:layout_weight="1">

            <ImageView
                android:id="@+id/home_hot_iv4"
                 android:layout_width="fill_parent"
                 android:layout_height="105dp"
                 android:scaleType="fitXY"
                android:src="@mipmap/ic_launcher"
                 />
            
             <RelativeLayout 
                android:layout_width="fill_parent"
                android:layout_height="25dp"
                android:layout_alignBottom="@+id/home_hot_iv4"
                 android:background="#a6595959"
                >

            <TextView
                 android:id="@+id/home_hot_title_4"
                android:layout_width="fill_parent"
                android:layout_height="25dp"
               android:layout_alignParentLeft="true"
                android:layout_marginLeft="12dp"
                android:ellipsize="end"
                android:gravity="center_vertical"
                android:singleLine="true"
                android:text="haha"
                android:textColor="#ffffff"
                 
                android:textSize="11sp"
                />
            
            </RelativeLayout>

            <TextView
                 android:id="@+id/hot_name_4"
                android:layout_width="wrap_content"
                android:layout_height="34dp"
                android:layout_alignParentLeft="true"
                android:layout_below="@+id/home_hot_iv4"
                 android:layout_marginTop="7dp"
                android:ellipsize="end"
                android:singleLine="true"
                android:text="haha"
                android:textColor="#999999"
                android:textSize="13sp"
                 />
        </RelativeLayout>
    </LinearLayout>

</com.zhy.autolayout.AutoLinearLayout>
chenjie0932
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
C#WinForm窗体四周阴影效果
09-08
在Winform取消默认边框的情况下，实现了窗体四周带阴影的效果。利用双层窗体实现，上层是普通的控件窗体，底部是绘制的窗体阴影。
RN 实现阴影，解决Android阴影问题 react-native-shadow
热门推荐
涂涂
09-13 1万+
RN提供的阴影仅支持IOS，所以，在开发遇到阴影问题需要借助第三方的插件 react-native-shadow 使用react-native-shadow和react-native-svg实现： 1. npm install react-native-shadow 2. npm install react-native-svg@XXX 备注：react-native-svg选择什么版本...
React Native之阴影效果
大灰狼的小绵羊哥哥的博客
01-02 3754
前言 阴影效果在App中是一个很常见的需求，在css3中可有直接通过box-shadow属性实现，RN中的iOS端也可以通过下面类似的代码实现 //只支持iOS端 shadowColor: '#999', //设置阴影色 shadowOffset:{width:0,height:0}, //设置阴影偏移,该值会设置整个阴影的偏移，width可以看做x,height...
RN：设置阴影的几种方式
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
08-20 1042
RN 提供了阴影的 API，但是只是支持 IOS 参考资料 2017后就没有更新：https://github.com/879479119/react-native-shadow https://reactnative.cn/docs/shadow-props https://github.com/Kishanjvaghela/react-native-cardview
react-native加阴影
qq_34823218的博客
06-04 4003
一 RN自带阴影 RN提供了阴影样式属性，但其仅支持ios平台，在Android中需要使用elevation属性实现，但elevation仅提供一个灰色阴影，视觉效果不好。 部分源码 shadowColor: "#000", shadowOffset: { width: 0, height: 2, }, shadowOpacity: 0.25, shadowRadius: 3.84, elevation: 5, 二 react-native-shadow react-nati...
React Native 阴影效果 react-native-shadow
Dawson_的博客
05-09 1259
RN中阴影效果仅支持ios，实现ios端阴影类似如下： shadowColor: '#999', //设置阴影色 shadowOffset:{width:0,height:0}, //设置阴影偏移,该值会设置整个阴影的偏移，width可以看做x,height可以看做y,x向右为正，y向下为正 shadowOpacity: 1, shadowRadius: 1.5, //设置阴影模糊半径,该值设置整个阴影的半径，默认的效果就是View的四周都有阴影 实现android端阴影
窗体阴影效果
01-30
挺不错的代码，可以自由调整色深，宽度，颜色
MFC 窗口阴影效果
12-13
实现 MFC 窗口背景的阴影 效 果
Android 控件设置阴影效果
08-29
主要介绍了Android 控件设置阴影效果,需要的朋友可以参考下
React Native 开发经验
weixin_45942304的博客
03-08 711
React Native 开发时，如果只是写些简单的页面，基本上按着官方文档就能写出来，但是 React Native 的 API 有几百个，没有一定的开发踩坑经验，面对一些新的需求时确实会抓不到重点。本文总结了我个人开发 React Native 中遇到的问题和一些冷门的 API，如果有有缘人看到这篇文章并解决了实际问题，那就最好不过了。
rn-shadows
03-11
rn-shadows 用于本机React的多层阴影组件 安装 使用任一Yarn安装库： yarn add rn-shadows 或npm： npm install rn-shadows 用法 import Shadow from "rn-shadows" ; // ... < Shadow xss=removed xss=removed xss=removed> < View style = { { padding :
react-native-shadow-2:React Native的跨平台阴影。 废弃的react-native-shadow软件包的改进版本
04-03
react-native-shadow-2 已死亡多年。 这是一个改进的版本，具有更多功能，Typescript支持并从头开始编写。 它解决了React Native在Android和iOS上不具有相同阴影外观的问题。 它也可以在无法使用elevation旧Android版本上使用。 当我开始考虑这个影子问题的解决方案时，由于我描述的原因， 网站在两个平台之间不会给您非常相似的结果。 安装 您将需要安装 。 对于RN> 0.60，它只是npm i react-native-svg / yarn add react-native-svg 。 然后，安装此软件包： npm i react-native-shadow-2 / yarn add react-native-shadow-2 用法 import { Shadow } from 'react-native-shadow-2'
RN 样式篇 Shadow 阴影效果
刘荣丹的日志
06-12 1万+
RN 样式篇 阴影效果 @属性 shadowColor —–阴影的颜色，颜色色值以rgba取色值 shadowOffset —-阴影的偏移量,{width:0, height:2} shadowOpacity —设置阴影的不透明度 shadowRadius —-设置阴影的模糊半径 shadowStyle: { shadowColor: '#000', shadowOf...
RN canvas绘制图片阴影
weixin_39065287的博客
04-17 859
canvas绘制图片阴影 效果 引入react-native-canvas import Canvas, { Image as CanvasImage } from “react-native-canvas”; 数据data.js { buseUrl: imgurl width: 206, height: 72, shadowColor: 'rgba(216, 165, 84, 0.29)', shadowOffsetY: 1
React Native阴影框效果实现
hahahhahahahha123456的博客
05-10 2297
React Native实现阴影框方法如下图，下面分别对其进行讨论： RN阴影实现.png RN自带阴影 RN提供了阴影样式属性，但其仅支持ios平台，在Android中需要使用elevation属性实现，但elevation仅提供一个灰色阴影，视觉效果不好。 react-native-shadow react-native-shadow插件是广为使用的一种阴影插件，ios于Andr...
ReactNative阴影
吴佩佩佩佩的博客
03-07 970
ReactNative阴影1. 文字阴影2. 块阴影2.1 ios阴影2.2 android阴影 1. 文字阴影 文字阴影最好实现，直接使用textShadow，android和ios都支持: textShadowOffset: { width: 3, height: 4 }, // 阴影偏移量 textShadowColor: '#20a344', // 阴影颜色 textShadowRadius: 5, // 阴影模糊半径 注意这个属性一定要加，否则阴影显示不出来 shadowOpacity: 1, /
AX3_Mercadopago-0.3.7-py3-none-any.whl.zip
最新发布
04-15
AX3_Mercadopago-0.3.7-py3-none-any.whl.zip
css阴影效果
05-25
可以使用CSS的box-shadow属性来创建阴影效果。以下是一个简单的示例： ``` <div style="box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);">这是一个有阴影效果的盒子。</div> ``` box-shadow属性接受四个参数： 1. 水平偏移量（必需）：即阴影相对于元素的水平偏移量，可以是负值。 2. 垂直偏移量（必需）：即阴影相对于元素的垂直偏移量，可以是负值。 3. 阴影模糊半径（可选）：即阴影的模糊程度，值越大，阴影越模糊，可以是0（不模糊）。 4. 阴影扩展半径（可选）：即阴影的扩展程度，可以是正数或负数，正数表示阴影扩展，负数表示阴影缩小。 最后还可以使用rgba颜色值来设置阴影的颜色和透明度。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值