วิธีการวาดเส้นขอบในด้านเดียวของเค้าโครงเชิงเส้น?

ฉันสามารถวาดเส้นขอบเป็นเลย์เอาต์แบบเส้นตรงได้ แต่มันถูกวาดขึ้นทุกด้าน ฉันต้องการ จำกัด เฉพาะด้านขวาเท่านั้นเช่นคุณใน CSS (เส้นขอบขวา: 1px solid red;)

ฉันเคยลองมาแล้ว แต่มันก็ยังดึงดูดทุกด้าน:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
    <shape android:shape="rectangle" >
        <stroke
            android:height="2dp"
            android:width="2dp"
            android:color="#FF0000" />

        <solid android:color="#000000" />

        <padding
            android:bottom="0dp"
            android:left="0dp"
            android:right="1dp"
            android:top="0dp" />

        <corners
            android:bottomLeftRadius="0dp"
            android:bottomRightRadius="5dp"
            android:radius="1dp"
            android:topLeftRadius="5dp"
            android:topRightRadius="0dp" />
    </shape>
</item>

มีข้อเสนอแนะเกี่ยวกับวิธีการทำสิ่งนี้ให้สำเร็จหรือไม่?

BTW ฉันไม่ต้องการใช้แฮ็คในการวางมุมมองของความกว้าง 1dp ในด้านที่ต้องการ

คุณสามารถใช้สิ่งนี้เพื่อทำขอบด้านหนึ่ง

<?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>

แก้ไข

เนื่องจากหลายคนรวมถึงฉันต้องการที่จะมีเส้นขอบด้านหนึ่งที่มีพื้นหลังโปร่งใสฉันได้ใช้BorderDrawableเส้นขอบที่มีขนาดและสีที่แตกต่างกันในแบบเดียวกับที่เราใช้ css แต่ไม่สามารถใช้งานผ่าน xml ได้ สำหรับการสนับสนุน XML ฉันได้เพิ่มBorderFrameLayoutโครงร่างที่สามารถห่อของคุณ

ดูGitHubของฉันสำหรับแหล่งที่สมบูรณ์

ง่ายเหมือนพายทำให้ bg โปร่งใส:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:angle="0"
        android:startColor="#f00"
        android:centerColor="@android:color/transparent"
        android:centerX="0.01" />
</shape>

เปลี่ยนมุมเพื่อเปลี่ยนตำแหน่งเส้นขอบ:

• 0 = เหลือ
• 90 = ด้านล่าง
• 180 = ขวา
• 270 = ด้านบน

นอกจากนี้ยังเป็นไปได้ที่จะใช้สิ่งที่คุณต้องการโดยใช้เลเยอร์เดียว

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

    <item
        android:bottom="-5dp"
        android:right="-5dp"
        android:top="-5dp">
        <shape android:shape="rectangle" >
            <solid android:color="@color/color_of_the_background" />

            <stroke
                android:width="5dp"
                android:color="@color/color_of_the_border" />
        </shape>
    </item>

</layer-list>

วิธีนี้เท่านั้นที่ขอบด้านซ้ายจะมองเห็น แต่คุณสามารถบรรลุรวมกันใด ๆ ที่คุณต้องการด้วยการเล่นกับbottom, left, rightและtopแอตทริบิวต์ของitemองค์ประกอบ

ในการรับเส้นขอบที่ด้านใดด้านหนึ่งของ drawable ให้ใช้ค่าลบinsetกับอีก 3 ด้าน (ทำให้เส้นขอบเหล่านั้นถูกดึงออกจากหน้าจอ)

<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
    android:insetTop="-2dp" 
    android:insetBottom="-2dp"
    android:insetLeft="-2dp">

    <shape android:shape="rectangle">
        <stroke android:width="2dp" android:color="#FF0000" />
        <solid android:color="#000000" />
    </shape>

</inset>

วิธีการนี้จะคล้ายกับคำตอบ naykah layer-listแต่โดยไม่ต้องใช้ที่

เป็นอีกทางเลือกหนึ่ง (หากคุณไม่ต้องการใช้พื้นหลัง) คุณสามารถทำได้โดยทำมุมมองดังนี้:

<View
    android:layout_width="2dp"
    android:layout_height="match_parent"
    android:background="#000000" />

สำหรับการมีเส้นขอบด้านขวาเท่านั้นให้วางสิ่งนี้ไว้หลังการจัดวาง (ที่คุณต้องการให้มีเส้นขอบ):

<View
    android:layout_width="2dp"
    android:layout_height="match_parent"
    android:background="#000000" />

สำหรับการมีเส้นขอบด้านซ้ายเท่านั้นให้วางสิ่งนี้ไว้ข้างหน้าโครงร่าง (ที่คุณต้องการมีเส้นขอบ):

ทำงานให้ฉัน ... หวังว่ามันจะช่วยได้บ้าง

ฉันสามารถบรรลุผลด้วยรหัสต่อไปนี้

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:left="0dp" android:right="-5dp" android:top="-5dp" android:bottom="-5dp">
        <shape
        android:shape="rectangle">
            <stroke android:width="1dp" android:color="#123456" />
        </shape>
    </item>
</layer-list>

คุณสามารถปรับตำแหน่งที่ต้องการสำหรับตำแหน่งชายแดนได้โดยเปลี่ยนทิศทางการเคลื่อนที่

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" >
        <shape>
            <solid
                android:color="#f28b24" />
            <stroke
                android:width="1dp"
                android:color="#f28b24" />
            <corners
                android:radius="0dp"/>
            <padding
                android:left="0dp"
                android:top="0dp"
                android:right="0dp"
                android:bottom="0dp" />
        </shape>
    </item>
    <item>
        <shape>
            <gradient
                android:startColor="#f28b24"
                android:endColor="#f28b24"
                android:angle="270" />
            <stroke
                android:width="0dp"
                android:color="#f28b24" />
            <corners
                android:bottomLeftRadius="8dp"
                android:bottomRightRadius="0dp"
                android:topLeftRadius="0dp"
                android:topRightRadius="0dp"/>
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>
</selector>

อีกตัวอย่างที่ยอดเยี่ยม

<?xml version="1.0" encoding="UTF-8" standalone="no"?> 
<inset xmlns:android="http://schemas.android.com/apk/res/android"
     android:insetRight="-2dp">

     <shape android:shape="rectangle">
         <corners
             android:bottomLeftRadius="4dp"
             android:bottomRightRadius="0dp"
             android:topLeftRadius="4dp"
             android:topRightRadius="0dp" />
         <stroke
             android:width="1dp"
             android:color="@color/nasty_green" />
         <solid android:color="@android:color/transparent" />
     </shape>

</inset>

ไม่มีการพูดถึงไฟล์เก้าแพทช์ที่นี่ ใช่คุณต้องสร้างไฟล์อย่างไรก็ตามมันค่อนข้างง่ายและเป็นโซลูชัน" ข้ามเวอร์ชันและสนับสนุนความโปร่งใส " จริงๆ หากไฟล์ถูกวางไว้ในdrawable-nodpiไดเรกทอรีไฟล์นั้นจะทำงานได้pxตามปกติและจะอยู่ในรูปแบบdrawable-mdpiประมาณฐาน dp (ขอบคุณสำหรับการสุ่มตัวอย่าง)

ไฟล์ตัวอย่างสำหรับคำถามเดิม ( เส้นขอบขวา: 1px solid red; ) อยู่ที่นี่:

http://ge.tt/517ZIFC2/v/3?c

เพียงวางไว้ในdrawable-nodpiไดเรกทอรี

เส้นขอบของสีที่ต่างกัน ฉันใช้ 3 รายการ

<?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/colorAccent" />
        </shape>
    </item>
    <item android:top="3dp">
        <shape android:shape="rectangle">
            <solid android:color="@color/light_grey" />
        </shape>
    </item>
    <item
        android:bottom="1dp"
        android:left="1dp"
        android:right="1dp"
        android:top="3dp">
        <shape android:shape="rectangle">
            <solid android:color="@color/colorPrimary" />
        </shape>
    </item>
</layer-list>