Android shape border with gradient and middle transparent

前端 未结 1 1535
没有蜡笔的小新
没有蜡笔的小新 2020-12-15 09:54

I need to create a round corner border, where border with gradient.enter link description here is working.But My page is using a image as background which is also with gradi

相关标签:
1条回答
  • 2020-12-15 10:40

    round_background.xml

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
    <stroke
        android:width="4dp"
        android:color="@color/transparent" />
        <gradient
            android:startColor="#374533"
            android:centerColor="#432727"
            android:endColor="#222430"
            android:angle="135"/>
        <corners android:radius="10dp" />
    </shape>
    

    round_border.xml

    <shape xmlns:android="http://schemas.android.com/apk/res/android">
    
    <gradient
        android:startColor="#efe301"
        android:centerColor="#7dc17b"
        android:endColor="#01dae6"
        android:angle="180"/>
    <corners android:radius="10dp" />
    

    result_drawable.xml

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    
      <item android:drawable="@drawable/round_border"/>
      <item android:drawable="@drawable/round_background" />
    
    </layer-list>
    

    Here, you can set android:width="4dp" in round_background.xml to set size of your border. use result result_drawable.xml where you want.. Enjoy. :}

    0 讨论(0)
提交回复
热议问题