2013年2月13日水曜日

GridViewで横スクロール

GridViewを使って横スクロールできる可変テーブルを作る
GridViewは縦にしか並ばないので、行数を2行に固定し、列数を可変にする。

java


adapter = new HereAdapter(this, R.layout.list, list);  
GridView listView = (GridView)findViewById(R.id.ListView);
listView.setAdapter(adapter);
//GridView を2行に固定するため列数を可変にする
listView.setNumColumns(list.size()/2); //Columns = Total/2
//幅=【セル幅220+spacing20 * Columns)
LinearLayout.LayoutParams param = new LinearLayout.LayoutParams(240*(list.size()/2),600);
listView.setLayoutParams(param);

main XML
横スクロールはHorizontalScroolViewを使用


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:padding="20dp">

    <HorizontalScrollView
        android:layout_width="1000dp"
        android:layout_height="match_parent"
         >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" 
            android:orientation="horizontal"
            >

            <GridView
                android:id="@+id/ListView"
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_marginLeft="0dp"
                android:background="@android:color/white"
                android:numColumns="1" 
                android:horizontalSpacing="20dp"
                android:verticalSpacing="20dp"
                android:layout_marginTop="10dp"
                android:padding="20dp">
            </GridView>
            

        </LinearLayout>
    </HorizontalScrollView>


list XML
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="fill_parent" 
    android:layout_height="?android:attr/listPreferredItemHeight" 
    android:background="@color/gray" 
    android:padding="6dip">  
    
        
    <LinearLayout 
        android:orientation="vertical"  
        android:layout_width="0dip" 
        android:layout_weight="1"  
        android:layout_height="fill_parent"
        > 
         
        <ImageView 
            android:id="@+id/img" 
            android:layout_width="200dp"  
            android:layout_height="200dip" 
            android:layout_weight="1"
            android:gravity="center_vertical"  
            android:src="@drawable/ic_launcher"
            />
          
        <TextView 
            android:id="@+id/title"
            android:layout_width="fill_parent"  
            android:layout_height="50dip" 
            
            android:singleLine="true" 
            android:layout_weight="1"
            android:ellipsize="marquee" 
            android:textColor="@android:color/black"/>  

        
    </LinearLayout>  
</LinearLayout> 



0 件のコメント:

コメントを投稿