4

すべてのグリッドビュー項目の異なる境界線を表示したい。すべてのアイテムに境界線を動的に設定するにはどうすればよいですか。

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

<ImageView
    android:id="@+id/grid_item_image"
    android:layout_width="30px"
    android:layout_height="30px"
    android:src="@drawable/shape" >
</ImageView>

</LinearLayout>

activity_main レイアウト ファイル:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >

<GridView
    android:id="@+id/gridView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:numColumns="15" 
    android:verticalSpacing="1dp"
    android:horizontalSpacing="1dp"
    android:background="#f3f3f3"
    >
</GridView>

</RelativeLayout>

メインクラス:

public void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    gridView = (GridView) findViewById(R.id.gridView1);

    gridView.setAdapter(new ImageAdapter(this));

    gridView.setOnItemClickListener(new OnItemClickListener() {
        public void onItemClick(AdapterView<?> parent, View v,
                int position, long id) {
            Toast.makeText(
               getApplicationContext(),
               /*((TextView) v.findViewById(R.id.grid_item_label)).getText() + */String.valueOf(position), Toast.LENGTH_SHORT).show();
            ImageView imageView = (ImageView) v.findViewById(R.id.grid_item_image);
            imageView.setBackgroundColor(Color.BLUE);


        }
    });

アダプタ クラス:

 public class ImageAdapter extends BaseAdapter {
private Context context;

public ImageAdapter(Context context) {
    this.context = context;
}

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

    LayoutInflater inflater = (LayoutInflater) context
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);

    View gridView;

    if (convertView == null) {
        gridView = new View(context);
        gridView = inflater.inflate(R.layout.mobile, null);
    } else {
        gridView = (View) convertView;
    }

    return gridView;
}

@Override
public int getCount() {
    return 300;
}

@Override
public Object getItem(int position) {
    return null;
}

@Override
public long getItemId(int position) {
    return 0;
}

}

編集

カスタム デザイン ファイルにシェイプ ファイルを追加しました

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@null" />
<stroke android:width="1dp" android:color="#000000" />
<padding android:left="1dp" android:top="1dp" android:right="1dp"
android:bottom="1dp" />
</shape>
4

3 に答える 3

2

次のコードを使用して、フォルダーにXMLファイルを保存します。Drawable

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

    <item android:state_enabled="true"><shape>
            <solid android:color="#FFFFFF" />

            <stroke android:width="1dp" android:color="#CACACA" />

            <corners android:radius="5dp" />

     <!--       <padding android:bottom="5dp" android:left="5dp" android:right="5dp" android:top="5dp" />-->
        </shape></item>

</selector>

これbackgroundをあなたimage viewのbackground resources

于 2013-06-14T05:53:58.600 に答える
1

クラス ImageAdapter --> getView(...) メソッド内で、 return gridView;ステートメントの前にこの行を追加します

gridView.setBackgroundColor(Color.RED);

編集

画像ビューにも追加android:layout_margin="10dp"してください...

これを参考にしてください..提供されたリンクボーダーは完全なグリッドビューに適用されますが、ボーダー設定のアイデアを提供します.これを達成するために言及された私のロジックを使用してください..

お役に立てれば..

于 2013-06-14T04:50:41.263 に答える