Android - 如何在GridLayout中为自定义LinearLayouts设置边距?

时间:2016-07-29 11:33:11

标签: android android-linearlayout margin android-gridlayout layoutparams

我在设置自定义线性布局类的边距时遇到问题,我在GridLayout中多次使用它。 Gridlayout放在一个片段中。 这是fragment_grid.xml的代码:

<FrameLayout 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"
tools:context="app_a_tize.expressme.Fragment.GridFragment"
android:layout_gravity="center">

<GridLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/orange"
    android:layout_margin="5dp"
    android:id="@+id/gridlayout_grid"></GridLayout>
</FrameLayout>

这是GridFragment.java的代码:

public class GridFragment extends Fragment {
public GridFragment() {
    // Required empty public constructor
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    return inflater.inflate(R.layout.fragment_grid, container, false);
}

@Override
public void onStart() { 
    super.onStart();
    GridLayout grid = (GridLayout) getView().findViewById(R.id.gridlayout_grid);
    grid.setRowCount(3);

    int tileHeight = (CategoryTileActivity.gridContentHeight -3 * 10) / 3;
    int amountofColumns = (int) CategoryTileActivity.gridContentWidth / tileHeight;
    grid.setColumnCount(amountofColumns);
    grid.setMinimumWidth((amountofColumns * tileHeight) + (5 * 20 ));

    for (int i = 0; i < 3 * amountofColumns; i++) {
    //fill the grid with the custom LinearLayout:
        grid.addView(new TileClass(getActivity(), tileHeight, tileHeight, "ToBeImplemented", "Button"));
    }

}
}

这是自定义LinearLayout的代码:

public class TileClass extends LinearLayout {
public TileClass(Context context, int height, int width, String image, String text) {
    super(context);
    this.setBackgroundResource(R.drawable.tile_button); //creates rounded layouts
    this.setMinimumHeight(height);
    this.setMinimumWidth(width);
    this.setOrientation(LinearLayout.VERTICAL);

    ImageView tileImage = new ImageView(context);

    Bitmap bMap = BitmapFactory.decodeResource(getResources(), R.drawable.tilephoto);
    Bitmap bMapScaled = Bitmap.createScaledBitmap(bMap, 100, 100, true);
    tileImage.setImageBitmap(bMapScaled);

    tileImage.setLayoutParams(new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));

    TextView tileText = new TextView(context);
    tileText.setText(text);
    tileText.setTextColor(Color.WHITE);
    tileText.setGravity(Gravity.CENTER);

    addView(tileImage);
    addView(tileText);
}
}

当我运行Activity时,我得到了结果: Here you can see there is no margin on every button in the orange area.

我上面展示的代码负责中间的橙色区域。

我需要的是:蓝色&#34;按钮&#34; / LinearLayouts,在中间的橙色区域,有5dp的余量。所以橙色空间的其余部分由自定义LinearLayouts拍摄。

我不知道如何解决这个问题,我尝试了很多选择,但它们似乎不适合我......从MarginLayoutParams到params.setMargins(5,5,5, 5);在我的代码中的几乎每个布局上。

我使用Android Studio 2.1.2,支持最低限度的API 15.

感谢每一位帮助! 为了你的想象力,这必须是最终的结果,我需要像这样的保证金: This is the endresult of the GridLayout in the middle

1 个答案:

答案 0 :(得分:2)

您必须按如下方式制作gridview项目的自定义视图: -

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="@dimen/categoryHeight"
    android:layout_marginLeft="@dimen/margin_5dp"
    android:layout_marginRight="@dimen/margin_5dp"
    android:layout_marginTop="@dimen/margin_7dp"
    android:background="@drawable/rounded_bg"
>

    <ImageView
        android:id="@+id/llRowItem"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:scaleType="fitXY"
        android:gravity="bottom"/>

        <TextView
            android:id="@+id/item_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/black_light"
            android:padding="@dimen/margin_5dp"
            android:layout_gravity="bottom"
            android:singleLine="true"
            android:textColor="@color/white"
            android:textSize="@dimen/font_size_16sp" />
</FrameLayout>

和内部适配器设置了imageview的文本视图,背景,文本或图像的颜色。