那些遇到过的问题

GridLayout和行/列跨度祸害

Com*_*are 118 android android-gridlayout

在Android开发者博客文章介绍GridLayout节目的跨度如何影响自动索引分配这个图:

自动索引分配

我试图用a实际实现它GridLayout.这是我到目前为止:

<android.support.v7.widget.GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res/com.commonsware.android.gridlayout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    app:orientation="horizontal"
    app:columnCount="8">

    <Button
        app:layout_columnSpan="2"
        app:layout_rowSpan="2"
        android:layout_gravity="fill_horizontal"
        android:text="@string/string_1"/>

  <Button
    app:layout_columnSpan="2"
    android:layout_gravity="fill_horizontal"
    android:text="@string/string_2"/>

  <Button
    app:layout_rowSpan="4"
    android:text="@string/string_3"/>

  <Button
    app:layout_columnSpan="3"
    app:layout_rowSpan="2"
    android:layout_gravity="fill_horizontal"
    android:text="@string/string_4"/>

  <Button
    app:layout_columnSpan="3"
    android:layout_gravity="fill_horizontal"
    android:text="@string/string_5"/>

  <Button
    app:layout_columnSpan="2"
    android:layout_gravity="fill_horizontal"
    android:text="@string/string_6"/>

  <android.support.v7.widget.Space
    app:layout_column="0"
    android:layout_width="36dp"
    />

  <android.support.v7.widget.Space
    android:layout_width="36dp"
    />

  <android.support.v7.widget.Space
    android:layout_width="36dp"
    />

  <android.support.v7.widget.Space
    android:layout_width="36dp"
    />

  <android.support.v7.widget.Space
    android:layout_width="36dp"
    />

  <android.support.v7.widget.Space
    android:layout_width="36dp"
    />

  <android.support.v7.widget.Space
    android:layout_width="36dp"
    />

  <android.support.v7.widget.Space
    android:layout_width="36dp"
    />

</android.support.v7.widget.GridLayout>
Run Code Online (Sandbox Code Playgroud)

我必须引入<Space>元素以确保每列具有最小宽度,否则,我会有一堆零宽度列.

然而,即使有他们,我得到这个:

示例GridLayout

值得注意的是:

  • 尽管如此android:layout_gravity="fill_horizontal",我的带有列跨度的小部件并没有填充跨越的列

  • 尽管有这些android:layout_rowSpan值,但没有任何东西跨越行

任何人都可以使用博客文章从博客文章中复制图表GridLayout吗？

谢谢!

小智 74

感觉非常hacky,但我设法通过添加额外的列和行超出需要来获得正确的外观.然后我在每一行中填充了一个定义高度的空格,并在每个col中用空格填充额外的行来定义宽度.为了获得额外的灵活性,我想这些空间大小可以在代码中设置,以提供类似于权重的东西.我试图添加屏幕截图,但我没有必要的声誉.

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:columnCount="9"
android:orientation="horizontal"
android:rowCount="8" >

<Button
    android:layout_columnSpan="2"
    android:layout_gravity="fill"
    android:layout_rowSpan="2"
    android:text="1" />

<Button
    android:layout_columnSpan="2"
    android:layout_gravity="fill_horizontal"
    android:text="2" />

<Button
    android:layout_gravity="fill_vertical"
    android:layout_rowSpan="4"
    android:text="3" />

<Button
    android:layout_columnSpan="3"
    android:layout_gravity="fill"
    android:layout_rowSpan="2"
    android:text="4" />

<Button
    android:layout_columnSpan="3"
    android:layout_gravity="fill_horizontal"
    android:text="5" />

<Button
    android:layout_columnSpan="2"
    android:layout_gravity="fill_horizontal"
    android:text="6" />

<Space
    android:layout_width="36dp"
    android:layout_column="0"
    android:layout_row="7" />

<Space
    android:layout_width="36dp"
    android:layout_column="1"
    android:layout_row="7" />

<Space
    android:layout_width="36dp"
    android:layout_column="2"
    android:layout_row="7" />

<Space
    android:layout_width="36dp"
    android:layout_column="3"
    android:layout_row="7" />

<Space
    android:layout_width="36dp"
    android:layout_column="4"
    android:layout_row="7" />

<Space
    android:layout_width="36dp"
    android:layout_column="5"
    android:layout_row="7" />

<Space
    android:layout_width="36dp"
    android:layout_column="6"
    android:layout_row="7" />

<Space
    android:layout_width="36dp"
    android:layout_column="7"
    android:layout_row="7" />

<Space
    android:layout_height="36dp"
    android:layout_column="8"
    android:layout_row="0" />

<Space
    android:layout_height="36dp"
    android:layout_column="8"
    android:layout_row="1" />

<Space
    android:layout_height="36dp"
    android:layout_column="8"
    android:layout_row="2" />

<Space
    android:layout_height="36dp"
    android:layout_column="8"
    android:layout_row="3" />

<Space
    android:layout_height="36dp"
    android:layout_column="8"
    android:layout_row="4" />

<Space
    android:layout_height="36dp"
    android:layout_column="8"
    android:layout_row="5" />

<Space
    android:layout_height="36dp"
    android:layout_column="8"
    android:layout_row="6" />

</GridLayout>
Run Code Online (Sandbox Code Playgroud)

截图

  • 好吧,恕我直言,与迄今为止提出的其他解决方案相比,哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇!我为未来的读者添加了截图.谢谢! (7认同)
  • 我发现这个解决方案只适用于`<Gridlayout>`而不是`<android.support.v7.widget.GridLayout> (5认同)

Han*_*oit 16 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <GridLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:columnCount="8"
        android:rowCount="7" >

        <TextView
            android:layout_width="50dip"
            android:layout_height="50dip"
            android:layout_columnSpan="2"
            android:layout_rowSpan="2"
            android:background="#a30000"
            android:gravity="center"
            android:text="1"
            android:textColor="@android:color/white"
            android:textSize="20dip" />

        <TextView
            android:layout_width="50dip"
            android:layout_height="25dip"
            android:layout_columnSpan="2"
            android:layout_rowSpan="1"
            android:background="#0c00a3"
            android:gravity="center"
            android:text="2"
            android:textColor="@android:color/white"
            android:textSize="20dip" />

        <TextView
            android:layout_width="25dip"
            android:layout_height="100dip"
            android:layout_columnSpan="1"
            android:layout_rowSpan="4"
            android:background="#00a313"
            android:gravity="center"
            android:text="3"
            android:textColor="@android:color/white"
            android:textSize="20dip" />

        <TextView
            android:layout_width="75dip"
            android:layout_height="50dip"
            android:layout_columnSpan="3"
            android:layout_rowSpan="2"
            android:background="#a29100"
            android:gravity="center"
            android:text="4"
            android:textColor="@android:color/white"
            android:textSize="20dip" />

        <TextView
            android:layout_width="75dip"
            android:layout_height="25dip"
            android:layout_columnSpan="3"
            android:layout_rowSpan="1"
            android:background="#a500ab"
            android:gravity="center"
            android:text="5"
            android:textColor="@android:color/white"
            android:textSize="20dip" />

        <TextView
            android:layout_width="50dip"
            android:layout_height="25dip"
            android:layout_columnSpan="2"
            android:layout_rowSpan="1"
            android:background="#00a9ab"
            android:gravity="center"
            android:text="6"
            android:textColor="@android:color/white"
            android:textSize="20dip" />
    </GridLayout>

</RelativeLayout>
Run Code Online (Sandbox Code Playgroud)

截图

  • "如果我从Android支持包切换到GridLayout,布局就会中断" - 实际上,这是我的错,而不是使用backport的XML命名空间将所需的`android:`属性转换为`app:`ones.它确实与backport一起使用. (4认同)
  • 谢谢!有趣的是,如果我从Android支持包切换到`GridLayout`,布局就会中断,这表明两者并不完全兼容.此外,我真的希望有一种方法可以做到这一点,不涉及小部件的硬连线大小.我会让它滚动一下,看看有什么其他答案(如果有的话),但如果没有更好的表现,我会接受你的.再次感谢! (2认同)

Hos*_*ost 5

您必须在列上设置layout_gravity和layout_columntWeight

<android.support.v7.widget.GridLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView android:text="??? ???"
        app:layout_gravity="fill_horizontal"
        app:layout_columnWeight="1"
        />

    <TextView android:text="??? ???"
        app:layout_gravity="fill_horizontal"
        app:layout_columnWeight="1"
        />

    <TextView android:text="??? ???"
        app:layout_gravity="fill_horizontal"
        app:layout_columnWeight="1"
        />
 </android.support.v7.widget.GridLayout>
Run Code Online (Sandbox Code Playgroud)

归档时间：

查看次数：

161177 次

最近记录：

8 年，9 月 前
如何在相对度量中指定Android GridLayout单元格的宽度和高度？ 40
如何根据大小在表格行中显示图像 12
更多相关链接
相关归档
将ArrayList <MyCustomClass>转换为JSONArray 108
使用RecyclerView适配器更新数据的最佳方法 73
ScrollView布局不会填满整个屏幕 66
如何设置Android操作栏上的菜单项的样式 60
当再次选择当前所选项目时,如何在Android Spinner中获取事件？ 56
如何动态创建菜单项？ 54
基于离子的游乐服务测量问题 53
如何知道碎片是否可见？ 50
SurfaceView上的纵向Android相机 38
android.support.v7.widget.GridLayout无法让它工作 23
难疑归档
For-each在JavaScript中的数组？ 4448
如何在Git中更改多个提交的作者和提交者名称以及电子邮件？ 2282
如何让Git忽略文件模式(chmod)的变化？ 2188
什么是Android上的"上下文"？ 1872
在JavaScript中生成随机字符串/字符 1593
如何分析Python脚本？ 1203
感叹号在功能之前做了什么？ 1190
如何删除旧的Docker容器 1162
将ArrayList <String>转换为String []数组 1102
我怎么知道分支是否已经合并为主分支？ 1077