如何塑造這個textview左邊的邊框？

Question

我已經看到了它在iOS應用：

，我想實現我的Android應用這樣一個TextView。所以我做了這個繪製：

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

 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
 
    android:shape="rectangle"> 
 
    <solid android:color="#fff"/> 
 
    <stroke android:width="1dp" 
 
     android:color="@color/colorPrimary" /> 
 
    <padding android:left="5dp" 
 
     android:top="5dp" 
 
     android:right="5dp" 
 
     android:bottom="5dp"/> 
 
    <corners android:bottomRightRadius="7dp" 
 
     android:bottomLeftRadius="7dp" 
 
     android:topLeftRadius="7dp" 
 
     android:topRightRadius="7dp"/> 
 
</shape>

，但我不知道如何使左邊的藍色。 任何人都可以幫助我？

感謝

Answer 1

。喬希的答案，我發現這個解決方案，做工不錯：

<?xml version="1.0" encoding="utf-8"?> 
 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
 
    <item> 
 
     <shape android:shape="rectangle"> 
 
      <solid android:color="@color/blueButton"/> 
 
      <corners 
 
       android:bottomLeftRadius="10dp" 
 
       android:bottomRightRadius="5dp" 
 
       android:topLeftRadius="5dp" 
 
       android:topRightRadius="10dp"/> 
 
     </shape> 
 

 
    </item> 
 

 
    <item android:left="5dp"> 
 
     <shape android:shape="rectangle"> 
 
     <solid android:color="#FFFFFF"/> 
 
      <stroke android:width="1dp" 
 
       android:color="#BDBDBD" /> 
 
      <padding android:left="10dp" 
 
       android:top="5dp" 
 
       android:right="5dp" 
 
       android:bottom="5dp"/> 
 
      <corners 
 
       android:bottomLeftRadius="5dp" 
 
       android:bottomRightRadius="5dp" 
 
       android:topLeftRadius="5dp" 
 
       android:topRightRadius="5dp"/> 
 

 
     </shape> 
 

 
    </item> 
 
</layer-list>

Answer 2

試試這個

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
<item> 
    <shape android:shape="rectangle"> 
     <solid android:color="#FF0000" /> 
    </shape> 
</item> 
<item android:left="5dp"> 
    <shape android:shape="rectangle"> 
     <solid android:color="#000000" /> 
    </shape> 
</item> 
</layer-list> 

Answer 3

你可以試試這個：基於@Er

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <shape android:shape="rectangle"> 
      <solid android:color="#FF0000"/> 
      <corners 
       android:bottomLeftRadius="10dp" 
       android:bottomRightRadius="5dp" 
       android:topLeftRadius="5dp" 
       android:topRightRadius="10dp"/> 
     </shape> 

    </item> 

    <item android:left="5dp" 
     > 
     <shape android:shape="rectangle"> 
      <solid android:color="#FFFFFF"/> 
      <corners 
       android:bottomLeftRadius="5dp" 
       android:bottomRightRadius="5dp" 
       android:topLeftRadius="5dp" 
       android:topRightRadius="5dp"/> 

     </shape> 
    </item> 
</layer-list>