2015-10-07 51 views
0

這基本上是一個UI問題。我試圖在我的應用程序中實現這樣的事情。在列表視圖中實現連接圖像

Image taken from Cleartrip App

我能夠實現藍色和灰色的獨立圈子,但我不能夠實現連接它們的線。

+1

那麼到目前爲止你做了什麼? – pskink

+0

我只是把一個可繪製的圖像視圖,範圍在單元格的整個高度? –

+0

您必須使用9個補丁映像,您可以在其中設置bg顏色 –

回答

1

所有其他的答案爲止的工作,但我覺得有一個更好的答案。

你將要使用的狀態可繪製爲背景的列表項,這樣的事情應該讓你更接近你的目標:

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_selected="true" android:drawable="@drawable/complete"/> 
    <item android:drawable="@android:drawable/pending"/> 
</selector> 

可以進行修改,這是爲了滿足您的具體邏輯。使用帶有底部條和右側空白符的縮放部分的9-補丁繪圖。

在您的適配器中,使用View.setSelected(true)標記代表旅程已完成腿的視圖。

+0

謝謝。請您詳細說明如何使用9-Patch drawables? –

+0

快速瀏覽這裏(它是什麼):http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch和這裏(如何製作):http:// developer.android.com/tools/help/draw9patch.html – wblaschko

2

嘗試使用View與您所需的寬度和高度

<View 
    android:layout_width="3dp" 
    android:layout_height="40dp" 
    android:background="#000000" 
/> 

替換#000000與你的膚色

+0

問題是由於行之間的默認分隔符引入的行之間存在間隙。 –