美文网首页Xamarin.Forms
使用代码定义GridLayout的方法

使用代码定义GridLayout的方法

作者: 临岁之寒 | 来源:发表于2017-10-27 13:10 被阅读85次

网上关于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还有更复杂的重载版本。


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

相关文章

  • 使用代码定义GridLayout的方法

    网上关于GridLayout的使用方法基本上都是用的xml文件,但既然是要使用网格布局,那说明准备放入其中的子视图...

  • GridLayout子控件超出屏幕的解决办法

    GridLayout的具体使用方法不赘述,这里主要解决子控件超出屏幕的解决办法,在项目用使用GridLayout的...

  • TS学习笔记(4)-数组

    数组的使用 ========= 知识点 数组的定义方法 数组的使用方法 代码

  • Android GridLayout动态添加元素

    GridLayout 的基本用法,到处都有教程。学习使用GridLayout 动态添加实现效果 建议使用v7包中的...

  • 递归

    定义 在函数的定义中使用函数自身的方法 代码实现 运行结果

  • GridLayout 使用

    GridLayout 使用 GridLayout 是一个强大的网格布局。 基本属性 android:columnC...

  • TS学习笔记(5)-多维数组

    多维数组的使用 ========= 知识点 多维数组的定义方法 多维数组的使用方法 代码

  • IOS 小技巧:自定义 textField 的占位文本(plac

    方法一使用 KVC 方式自定义 textField 的占位文本.示例代码 方法二使用官方提供的 API 自定义 t...

  • 十二、Java中的方法

    方法出现的必要性 使用“方法”必然有其好处,1.能够实现代码模块化;2.能够实现代码的复用 方法的定义 方法定义的...

  • GridLayout 使用

    GridLayout 网格布局,在开发中并不是很常用,今天偶然用了一下发现并不是太会用,所以作此笔记以避免后面再次...

网友评论

    本文标题:使用代码定义GridLayout的方法

    本文链接:https://www.haomeiwen.com/subject/hyprpxtx.html