Android中的Zigzag类型的Listview

Question

我想在Android中像这样

制作ListView

这在iPhone中可行，在iPhone中他们称之为圆形视图

Answer 1

也可以使用xml.jst你需要给rowLayout充气然后在其视图中添加“Padding”。 以下代码正确执行

请尝试以下代码..

public class MainActivity  extends ListActivity {
/** Called when the activity is first created. */
ListView lv;
int [] arr={20,40,60,80,80,60,40,20};


@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    lv=getListView();
    CustomAdapter adapter=new CustomAdapter(this, arr);
    lv.setAdapter(adapter);

}

在customAdapter中写下getview方法。根据您的要求更改阵列

@Override
public View getView(int position, View convertView, ViewGroup parent) {

    LinearLayout ll = new LinearLayout(context);
    LinearLayout llInside = new LinearLayout(context);

    ll.setLayoutParams(new ListView.LayoutParams(LayoutParams.FILL_PARENT,
            LayoutParams.WRAP_CONTENT));
    llInside.setLayoutParams(new ListView.LayoutParams(
            LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));

    TextView tv = new TextView(context);
    tv.setLayoutParams(new ListView.LayoutParams(LayoutParams.WRAP_CONTENT,
            LayoutParams.WRAP_CONTENT));
    tv.setText("this is textbview");
    tv.setTextColor(Color.RED);
    tv.setLayoutParams(new ListView.LayoutParams(LayoutParams.WRAP_CONTENT,
            LayoutParams.WRAP_CONTENT));


    llInside.addView(tv);       


     //the padding is set here dynamically

    int rem = position % 8;
    Log.d("" + rem, "" + rem);
    llInside.setPadding(img[rem], 0, 0,0 );   

    ll.addView(llInside);
    return ll;
}

输出

Answer 2

如果它不需要过于动态，你可以使用包含LinearLayout的滚动视图，并在其中包含textViews，左边有不同的填充，这会错开它们，但是需要一段时间才能实现就长度而言，并且不会非常有活力。我想不出在android中有任何其他方法可以做到这一点。

像这样的事情，并在几次开始减少填充以获得之字形

<ScrollView
    android:id="@+id/scrollView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:layout_marginLeft="16dp" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />
        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="20dp"
            android:text="TextView" />  
         <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="40dp"
            android:text="TextView" />

    </LinearLayout>
</ScrollView>