Android 一些简单的矢量图

13 篇文章 0 订阅
8 篇文章 0 订阅

1,半透明模板:如下****.xml文件,是一张半透明的背景图,具体透明度可以修改color参数

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:width="1960dp" android:height="1080dp">
        <shape android:shape="rectangle">
<!--            <solid android:color="#ffffffff" />-->
            <!-- 设置半透明 -->
            <solid android:color="#33FFFFFF" />
        </shape>
    </item>
</selector>

2,圆角背景模板:如下****.xml文件,是一张圆角灰色的背景图,具体颜色可以修改color参数

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:width="300dp" android:height="400dp">
        <shape android:shape="rectangle">
            <solid android:color="#fff2f4ff" />
            <corners android:topLeftRadius="15dp" android:topRightRadius="15dp" android:bottomLeftRadius="15dp" android:bottomRightRadius="15dp" />
        </shape>
    </item>
</selector>

3,圆角渐变颜色背景模板:如下****.xml文件,是一张蓝色的背景图,具体颜色可以修改color参数

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:width="59dp" android:height="40dp">
        <shape android:shape="rectangle">
            <gradient android:type="linear" android:useLevel="true" android:startColor="#ff1a88ff" android:endColor="#ff79b9ff" android:angle="0" />
            <corners android:topLeftRadius="12dp" android:topRightRadius="12dp" android:bottomLeftRadius="12dp" android:bottomRightRadius="12dp" />
        </shape>
    </item>
</selector>

4,边框背景图

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:width="170dp" android:height="36dp">
        <shape xmlns:android="http://schemas.android.com/apk/res/android" >
            <!-- 背景色 -->
            <solid android:color="#00000000"/>
            <!-- 边框色 -->
            <stroke android:width="2dip" android:color="#f00" />
            <!-- 边框弧度 -->
            <corners android:topLeftRadius="5dp" android:topRightRadius="5dp" android:bottomLeftRadius="5dp" android:bottomRightRadius="5dp" />
        </shape>
    </item>
</selector>

5,spinner下拉框

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<item android:width="255dp" android:height="37dp">
    <shape android:shape="rectangle">
        <solid android:color="#ffffff" />
        <corners android:radius="1dp" />

        <corners android:topLeftRadius="10dp" android:topRightRadius="10dp" android:bottomLeftRadius="10dp" android:bottomRightRadius="10dp" />
        <stroke android:width="1dp" android:color="@color/gray999"/>
    </shape>

</item>

<item android:right="10dp">
    <bitmap
        android:gravity="right"
        android:src="@drawable/spinner_down"/>
</item>
</layer-list>

下拉框效果图

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在SurfaceView上显示矢量图,可以使用Canvas和Path对象进行绘制。以下是一个简单的示例代码: 首先,创建一个自定义的SurfaceView类,并重写其onDraw方法: ```java public class VectorSurfaceView extends SurfaceView implements SurfaceHolder.Callback { private SurfaceHolder mHolder; private Paint mPaint; private Path mPath; public VectorSurfaceView(Context context) { super(context); init(); } public VectorSurfaceView(Context context, AttributeSet attrs) { super(context, attrs); init(); } private void init() { mHolder = getHolder(); mHolder.addCallback(this); mPaint = new Paint(); mPaint.setColor(Color.RED); mPaint.setStyle(Paint.Style.STROKE); mPaint.setStrokeWidth(5); mPath = new Path(); } @Override public void surfaceCreated(SurfaceHolder holder) { drawVector(); } @Override public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) { // Not used } @Override public void surfaceDestroyed(SurfaceHolder holder) { // Not used } private void drawVector() { Canvas canvas = mHolder.lockCanvas(); if (canvas != null) { canvas.drawColor(Color.WHITE); // 绘制矢量图 mPath.moveTo(100, 100); mPath.lineTo(200, 200); mPath.lineTo(300, 100); canvas.drawPath(mPath, mPaint); mHolder.unlockCanvasAndPost(canvas); } } } ``` 然后,在你的Activity或布局文件中使用这个自定义的SurfaceView: ```xml <com.example.VectorSurfaceView android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 这样,当SurfaceView创建并显示出来时,它将绘制一个简单矢量图形。你可以根据需要修改绘制的路径和样式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值