使用代码定义GridLayout的方法

网上关于GridLayout的使用方法基本上都是用的xml文件,但既然是要使用网格布局,那说明准备放入其中的子视图肯定不少,都用xml写太过繁琐,那么如果我们想要代码来描述,应该怎么办呢?

问题的关键就是要使用 GridLayout.Spec类。

下面我简单演示一下利用GridLayout.Spec定义GridLayout,给出与xml等价的Java下和Xamarin.Android代码;


1.

定义子视图位于4行4列

android:columnCount="3"
android:rowCount="3"

Java

        GridLayout.Spec row = GridLayout.spec(3);
        GridLayout.Spec col = GridLayout.spec(3);

        Button view = new Button(context);
        view.setLayoutParams(new GridLayout.LayoutParams(row, col));
        gridLayout.addView(view);

Xamarin.Android

需要注意的是,在Xamarin.Android下GridLayout.spec不是GridLayout.Spec,而是GridLayout.InvokeSpec。

    var row = GridLayout.InvokeSpec(3);
    var col = GridLayout.InvokeSpec(3);

    var button = new Button(context);
    button.LayoutParameters = new GridLayout.LayoutParams(row, col);
    gridLayout.AddView(button);

2.

定义子视图位于4行4列,横跨2行,纵向跨3列

android:columnCount="3"
android:rowCount="3"
android:layout_rowSpan = "2" 
android:layout_columnSpan = "3"   

Java

        GridLayout.Spec row = GridLayout.spec(3,2);
        GridLayout.Spec col = GridLayout.spec(3,3);

        Button view = new Button(context);
        view.setLayoutParams(new GridLayout.LayoutParams(row, col));
        gridLayout.addView(view);

Xamarin.Android

    var row = GridLayout.InvokeSpec(3,2);
    var col = GridLayout.InvokeSpec(3,3);

    var button = new Button(context);
    button.LayoutParameters = new GridLayout.LayoutParams(row, col);
    gridLayout.AddView(button);

3.

定义子视图位于4行4列,横纵的比重都为1;

android:columnCount="3"
android:rowCount="3"
android:layout_rowWeight="1" 
android:layout_columnWeight="1"

Java

        GridLayout.Spec row = GridLayout.spec(3,1.0f);
        GridLayout.Spec col = GridLayout.spec(3,1.0f);

        Button view = new Button(context);
        view.setLayoutParams(new GridLayout.LayoutParams(row, col));
        gridLayout.addView(view);

Xamarin.Android

    var row = GridLayout.InvokeSpec(3,1.0f);
    var col = GridLayout.InvokeSpec(3,1.0f);

    var button = new Button(context);
    button.LayoutParameters = new GridLayout.LayoutParams(row, col);
    gridLayout.AddView(button);

这里需要注意和2代码的不同在于传递给GridLayout.spec方法的参数类型不同,如果是int型则表示是size,如果是float型则表示weight。

注意:为了使子视图完全按照我们给定的权重进行布局,我们可以将params的width和height设为0,但在Android5.1版本上使用该方法可能会出现子视图不可见的情况,这个时候我们还需要添加params.setGravity(Gravity.FILL);

GridLayout.spec还有更复杂的重载版本。

使用代码定义GridLayout的方法_第1张图片

使用代码定义GridLayout的方法_第2张图片

Xamarin.Android都有与之对应的方法,只不过调用名为InvokeSpec而已。

你可能感兴趣的:(使用代码定义GridLayout的方法)