如何制作一个漂亮的主菜单页面

Posted

技术标签:

【中文标题】如何制作一个漂亮的主菜单页面【英文标题】:How to make a nice Main Menu Page 【发布时间】:2015-10-25 18:26:35 【问题描述】:

我想制作一个漂亮的主菜单页面,就像 android 设备的主页一样,其中按钮图像按行布局;页面中的每一行都包含 4 个图像按钮。

我使用了下面的布局,但是每行中的 imageViews 大小不均匀。我有这些问题:

    我想连续拥有 3 个 imageView。 如何检测屏幕的宽度和高度是多少,因此将其划分为 3 个 imageView?说,基于银河笔记。

    如何在 3 个 imageView 之间做间距?在每个 ImageView 下方都有一个 textView 来指示 ImageView 的名称或功能。

    我应该允许旋转吗?如果 rotate ,如何在旋转到水平时启用滚动?

谢谢

线性布局> 第二行 线性布局> 第三排 线性布局> 线性布局>

【问题讨论】:

【参考方案1】:

我相信您正在寻找 GridView。 GridView 是一个 ViewGroup,它在二维、可滚动的网格中显示项目。当内容增长时,它会自行处理滚动。此外,您还将获得额外的功能,例如内存处理、使用适配器模式的内置 MVC 等。

一个简单的GridView如下所示;

<GridView
        android:id="@+id/gridView"
        android:layout_
        android:layout_
        android:layout_margin="5dp"
        android:columnWidth="100dp"
        android:drawSelectorOnTop="true"
        android:gravity="center"
        android:numColumns="auto_fit"
        android:stretchMode="columnWidth"
        android:verticalSpacing="5dp"
        android:focusable="true"
        android:clickable="true"/>

您可以从以下链接中查看一些完整的 GridView 实现。

Android GridView Example- Building Image Gallery in android

Download and Display Image in Android GridView

【讨论】:

以上是关于如何制作一个漂亮的主菜单页面的主要内容,如果未能解决你的问题,请参考以下文章

如何制作一个漂亮的 css 按钮

MAKA H5制作是啥意思?如何用MAKA做一个漂亮的微信H5

codeigniter 4 如何制作菜单栏链接

全景梦境般的H5如何制作

在一个页面站点的某一点更改菜单颜色

如何制作 Blazor 页面互斥锁