`

让View只显示下边框

阅读更多
下面的代码是实现一个带边框的xml,很常见
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 
	<gradient
		android:startColor="#FFFFFFFF"
		android:centerColor="#FFFFFFFF"
		android:endColor="#FFFFFFFF"
		android:angle="90" />
     -->
	<solid android:color="@android:color/transparent" />
	<stroke android:width="1dp" android:color="#E4E4E4" /> 
	<corners android:radius="0dp" />
</shape>


但如果只要显示下边框呢?这里需要一点技巧:
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:top="-1dp" android:right="-1dp" android:left="-1dp">
      <shape>
            <solid android:color="@android:color/transparent" />
            <stroke android:width="1dp" android:color="#666666" />
      </shape>
    </item>
</layer-list>


搞定!

类似的还可以实现边框阴影效果:
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- Bottom 2dp Shadow -->
    <item>
        <shape  android:shape="rectangle">
            <solid android:color="#BBB" />
            <corners android:radius="5dp" />         
        </shape>
    </item>
    
    <!-- White Top color -->
    <item android:bottom="3px">
        <shape  android:shape="rectangle">
             <solid android:color="#FFF" />
             <corners android:radius="5dp" />
             <padding
                android:top="5dp"
                android:right="5dp"
                android:bottom="5dp"
                android:left="5dp"/>
        </shape>       
    </item>
</layer-list>


再来一个阴影效果:
<item>
    <layer-list>
        <item android:left="4dip" android:top="4.0dip">
            <shape>
                <solid android:color="#66000000"/>
                <corners android:radius="5.0dip"/>
            </shape>
        </item>
        <item android:bottom="4.0dip" android:right="4.0dip">
            <shape>
                <solid android:color="#669dd3"/>
                <corners android:radius="5.0dip"/>
            </shape>
        </item>
    </layer-list>
</item>
分享到:
评论

相关推荐

    Android点击ImageView后加边框

    3. **自定义View**: 为了实现点击后添加边框的效果,开发者可能需要创建一个自定义的ImageView子类,覆盖onTouchEvent()方法来捕获触摸事件。或者,也可以在onClick()方法中改变ImageView的属性,如添加一个边框的...

    自定义带边框ImageView

    在这种情况下,自定义一个带有边框的`ImageView`就显得很有必要了。 自定义`View`是Android开发中的一个重要技能,它允许开发者根据需求扩展或修改系统提供的默认组件。对于“自定义带边框ImageView”,我们可以从...

    C# winform小程序,数据库保存图片,图片显示、修改、加边框

    - 对于`ListView`,需要设置`View`属性为`View.LargeIcon`或`View.SmallIcon`,以便显示图片。同时,通过`ColumnHeader`控制列的数量和标题,`Item`则用来表示每张图片的信息。 7. **数据库操作** - 使用ADO.NET...

    自定义控件 imageview 双击显示红色边框

    本文将深入探讨如何实现一个自定义ImageView,使其在双击后显示红色边框,并在再次双击时恢复原状,以此来标记控件的可编辑状态。这个功能在很多应用场景中都非常实用,比如编辑图片、选择项等。 首先,我们需要...

    android 实现图片边框

    如果需要动态显示边框,可以使用Android的属性动画系统。创建一个`ValueAnimator`,改变边框宽度或颜色,然后通过`AnimatorListenerAdapter`监听动画结束,更新`BorderImageView`的`Paint`属性。 3. **使用Shape ...

    QGraphicsItem选中后,出现边框,可以拉伸

    总之,通过自定义`QGraphicsItem`的绘画行为和鼠标事件处理,我们可以轻松地创建一个在选中时显示边框并允许用户拉伸的图形元素。这样的功能在各种图形编辑器、设计器应用中非常常见,为用户提供了一种直观的方式来...

    QGraphicsView以鼠标点实现放大缩小、拖拽

    在Qt框架中,`QGraphicsView`是一个强大的组件,用于显示和操作复杂的2D图形场景。本篇文章将详细讲解如何利用`QGraphicsView`来实现图像的放大、缩小和拖拽功能,这对于创建具有交互性的图形用户界面(GUI)特别...

    自定义的View,显示圆形

    在这个场景中,我们讨论的是一个自定义的View,它能够显示从网上加载的数据,并且将数据显示为圆形。这个自定义View可能是`CircleImageView`,它扩展了标准的`ImageView`类,提供了将图片转换为圆形的能力。 首先,...

    IOS画虚线边框

    在实际项目中,你可能还需要考虑动态调整边框的虚线样式,或者根据不同的状态显示不同的边框。通过封装这些代码到一个自定义视图类别中,可以轻松地在项目中复用和定制虚线边框。总之,iOS开发提供了多种方式来创建...

    dialog去除边框代码

    默认情况下,Dialog会带有系统定义的边框,但有时候为了满足特定的界面设计需求,开发者可能需要去除Dialog的边框。标题"dialog去除边框代码"提示我们要讨论的就是如何自定义Dialog以消除其边框。 首先,我们需要...

    android 添加边框的 textview

    在Android开发中,TextView是用于显示文本的基本组件。有时候,我们可能需要为TextView添加边框以增强视觉效果或区分不同的内容区域。本文将详细介绍两种在Android中为TextView添加边框的方法。 方法一:使用XML...

    带边框的TextView

    在某些设计需求中,我们可能需要让TextView具有边框,以增加视觉效果或者突出显示特定信息。标题"带边框的TextView"提示我们,这篇博客主要讨论如何为TextView添加边框。 在Android中实现带边框的TextView主要有...

    QGraphicsView框架容易忽视的坐标问题-“画布”QgraphicsScene到底放在了哪儿?

    在Qt库中,QGraphicsView和QGraphicsScene是用于创建高级图形用户界面的重要组件,尤其在需要进行自定义绘图和交互式图形显示时。QGraphicsView是窗口,它负责显示QGraphicsScene对象,而QGraphicsScene则可以视为一...

    Qt QGraphicsView 控件实现标尺和刻度先效果

    在Qt框架中,QGraphicsView是一个非常强大的控件,它用于显示复杂的2D图形场景,支持缩放、平移等操作。在这个特定的案例中,我们关注的是如何利用QGraphicsView来实现自定义的标尺和刻度线效果,而不需要额外引入...

    简单实现圆形ImageView双层边框

    为了在布局文件中使用这个自定义View,你需要在res/layout目录下创建一个XML布局文件,如下所示: ```xml xmlns:app="http://schemas.android.com/apk/res-auto"&gt; android:layout_width="match_parent" ...

    圆形,圆角,带边框的圆形imageView

    当我们需要创建特定形状的ImageView,比如圆形、圆角或带有边框的圆形ImageView时,通常需要自定义View或者使用一些库来实现。本篇将深入探讨如何实现这些效果,特别是在描述中提到的"圆形,圆角,带边框的圆形...

    Android-RCImageView自定义圆角ImageView带边框效果

    在Android应用开发中,UI设计是至关重要的一个环节,而自定义View可以帮助开发者实现更为个性化和独特的界面效果。本篇文章将深入探讨如何基于Android平台创建一个名为RCImageView的自定义圆角ImageView,同时具备...

    ViewTree高亮显示

    在Android开发中,"ViewTree高亮显示"通常是指在用户交互时,通过改变View的颜色或者样式来突出显示某个特定的视图元素。这在列表视图、网格视图或者自定义视图中非常常见,可以提升用户体验,帮助用户更好地识别...

    UIView/UIButton任意添加某个边框

    但是,`UIView`默认没有开启边框,所以我们需要先调用`setNeedsLayout()`方法更新布局,然后设置`layer.masksToBounds = true`以确保边框在视图内部显示。 ```swift let view = UIView() view.layer.borderWidth = ...

    Android中RecyclerView设置边框并循环滚动

    同时,需要处理好边界条件,确保数据项的正确显示。 3. **圆角item** 要为RecyclerView的Item设置圆角,有以下几种方法: - 对于简单的圆角,可以在Item布局文件中直接为子View(如`LinearLayout`或`CardView`...

Global site tag (gtag.js) - Google Analytics