Android 如何只在XML中绘制表格

最新推荐文章于 2024-03-01 09:01:26 发布
最新推荐文章于 2024-03-01 09:01:26 发布
阅读量5.9k 收藏 2
点赞数
分类专栏： Android 基础开发 文章标签： Android XML 布局 textview 表格绘制
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vaecer/article/details/9086641
版权
本文介绍了如何在Android中仅通过XML实现雨量表格图的绘制。作者分享了一种简单而直观的方法，避免了使用ListView和Gridview，尽管这种方法可能不涉及复杂的内存管理和设备兼容性问题，但它展示了在追求编程效率时的简洁性。文章末尾鼓励读者留言讨论。
摘要由CSDN通过智能技术生成

接到一个任务，绘制一个雨量表格图。看见实现效果图的第一时间我考虑到的是ListView和Gridview来实现，但是在经过我一天多的观察和测试，后来我都放弃了。呵呵！因为我发现了一个简单得很的思路，虽然没有多少技术含量。但是编程这种事情，越简单实现越复杂的功能的技术才是最好的。只是这里我是没有去考虑加载和运行所占内存等设备运行的问题的哈！废话不说了。先看我的实现效果：


<RelativeLayout 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"
    android:background="@drawable/bg1"
    tools:context=".MainActivity" >

    <ScrollView
        android:id="@+id/scroll"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_marginBottom="40.0dip"
        android:foregroundGravity="center_horizontal" >

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:gravity="center_horizontal"
            android:orientation="vertical"
            android:padding="8.0dip" >

            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/list_item_bg1"
                android:orientation="vertical"
                android:padding="5.0dip" >

                <LinearLayout
                    android:layout_width="fill_parent"
                    android:layout_height="30.0dip"
                    android:gravity="left|center"
                    android:orientation="horizontal"
                    android:paddingLeft="10.0dip" >

                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/icon_raintemp_rain" />

                    <TextView
                        android:id="@+id/title_city_1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="福州累计雨量"
                        android:textColor="@color/WhiteColor"
                        android:textSize="12.0sp" />

                    <TextView
                        android:id="@+id/title_city_2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="5.0dip"
                        android:textColor="@android:color/white"
                        android:textSize="15.0sp" />

                    <Button
                        android:id="@+id/btn_to_raincompare"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="right|center"
                        android:layout_marginLeft="25.0dip"
                        android:background="@drawable/btn_rain_content"
                        android:paddingLeft="8.0dip"
                        android:paddingRight="8.0dip"
                        android:text="  降雨量对比" />
                </LinearLayout>

                <LinearLayout
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical" >

                    <View
                        android:layout_width="match_parent"
                        android:layout_height="0.5dp"
                        android:background="#ffffff" />

                    <LinearLayout
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal" >

                        <View
                            android:layout_width="0.5px"
                            android:layout_height="fill_parent"
                            android:background="#ffffff"
                            android:visibility="visible" />

                        <TextView
                            android:layout_width="60dp"
                            android:layout_height="wrap_content"
                            android:gravity="center_horizontal"
                            android:text="当前时段"
                            android:textColor="#ffffff"
                            android:textSize="10sp" />

                        <View
                            android:layout_width="0.5px"
                            android:layout_height="fill_parent"
                            android:background="#ffffff"
                            android:visibility="visible" />

                        <TextView
                            android:layout_width="57dp"
                            android:layout_height="wrap_content"
                            android:gravity="center_horizontal"
                            android:text="3小时"
                            android:textColor="#ffffff"
                            android:textSize="10sp" />

                        <View
                            android:layout_width="0.5px"
                            android:layout_height="fill_parent"
                            android:background="#ffffff"
                            android:visibility="visible" />

                        <TextView
                            android:layout_width="57dp"
                            android:layout_height="wrap_content"
                            android:gravity="center_horizontal"
                            android:text="6小时"
                            android:textColor="#ffffff"
                            android:textSize="10sp" />

                        <View
                            android:layout_width="0.5px"
                            android:layout_height="fill_parent"
                            android:background="#ffffff"
                            android:visibility="visible" />

                        <TextView
                            android:layout_width="57dp"
                            android:layout_height="wrap_content"
                            android:gravity="center_horizontal"
                            android:text="12小时"
                            android:textColor="#ffffff"
                            android:textSize="10sp" />

                        <View
                            android:layout_width="0.5px"
                            android:layout_height="fill_parent"
                            android:background="#ffffff"
                            android:visibility="visible" />

                        <TextView
                            android:layout_width="57dp"
                            android:layout_height="wrap_content"
                            android:gravity="center_horizontal"
                            android:text="24小时"
                            android:textColor="#ffffff"
                            android:textSize="10sp" />

                        <View
                            android:layout_width="0.5px"
                            android:layout_height="fill_parent"
                            android:background="#ffffff"
                            android:visibility="visible" />
                    </LinearLayout>

                    <View
                        android:layout_width="match_parent"
                        android:layout_height="0.5dp"
                        android:background="#ffffff" />

                    <LinearLayout
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal" >

                        <View
                            android:layout_width="0.5px"
                            android:layout_height="fill_parent"
                            android:background="#ffffff"
                            android:visibility="visible" />

                        <TextView
                            android:layout_width="60dp"
                            android:layout_height="wrap_content"
                            android:gravity="center_horizontal"
                            android:text="13日13时"
                            android:textColor="#ffffff"
                            android:textSize="10sp" />

                        <View
                            android:layout_width="0.5px"
                            android:layout_height="fill_parent"
                            android:background="#ffffff"
                            android:visibility="visible" />

                        <TextView
                            android:layout_width="57dp"
                            android:layout_height="wrap_content"
                            android:gravity="center_horizontal"
                            android:text="0.0"
                            android:textColor="#ffffff"
                            android:textSize="10sp" />

                        <View
                            android:layout_width="0.5px"
                            android:layout_height="fill_parent"
                            android:background="#ffffff"
                            android:visibility="visible" />

                        <TextView
                            android:layout_width="57dp"
                            android:layout_height="wrap_content"
                            android:gravity="center_horizontal"
                            android:text="0.2"
                            android:textColor="#ffffff"
                            android:textSize="10sp" />

                        <View
                            android:layout_width="0.5px"
                            android:layout_height="fill_parent"
                            android:background="#ffffff"
                            android:visibility="visible" />

                        <TextView
                            android:layout_width="57dp"
                            android:layout_height="wrap_content"
                            android:gravity="center_horizontal"
                            android:text="2.9"
                            android:textColor="#ffffff"
                            android:textSize="10sp" />

                        <View
                            android:layout_width="0.5px"
                            android:layout_height="fill_parent"
                            android:background="#ffffff"
                            android:visibility="visible" />

                        <TextView
                            android:layout_width="57dp"
                            android:layout_height="wrap_content"
                            android:gravity="center_horizontal"
                            android:text="28.5"
                            android:textColor="#ffffff"
                            android:textSize="10sp" />

                        <View
                            android:layout_width="0.5px"
                            android:layout_height="fill_parent"
                            android:background="#ffffff"
最低0.47元/天 解锁文章
Android Studio怎么定义表格,Android Studio实现简易计算器（表格布局TableLayout）
weixin_34353619的博客
05-27 1713
这是一个运用网格布局来做的简易计算器，可能没有那么美观，大家可以继续完善首先先看看成果吧首先先建一个新的Project Calculator然后先编写颜色背景文件创建一个gray.xml，哪里创建呢？如图在drawable下右击，选择new–Drawable resource file第一个是文件名字，第二个属性可以自己选择，我们这里前两个文件选择shape，第三个文件选selector，附上颜色...
Android如何绘制自定义表格,Android中使用ListView绘制自定义表格技巧分享
weixin_39959349的博客
05-25 800
先上一下可以实现的效果图要实现的效果有几方面1、列不固定：可以根据数据源的不同生成不同的列数2、表格内容可以根据数据源的定义合并列3、要填写的单元格可以选择自定义键盘还是系统键盘奔着这三点，做了个简单的实现，把源码贴一下(因为该点是主界面中的一部分，不便于放整个Demo)自定义适配器，CallBackInterface是自定义的回调接口，这里定义回调是因为数据输入时需要及时保存public cl...
XML绘制表格
06-13
http://blog.csdn.net/vaecer/article/details/9086641 配套工程
android 表格xml,【Android】利用表格布局，Android中xml文件与java的交互制作登录界面...
weixin_35801437的博客
05-26 440
登录界面是图形编程、网页编程的一个经典而又基础的程序。在安卓中，如图所示一个基本登录界面： 点击取消按钮就关闭这个程序，点击登录按钮则显示用户输入的用户名与密码。一、基本布局这个程序利用到安卓中的表格布局。先打开res/values/strings.xml中定义几个字符串。之所以不直接把字符串直接写在activity_main.xml的组件中，是因为免得Eclipse出现警告。这个文件的代码如下：...
Android | XML表格布局
lesileqin的博客
03-29 700
文章目录表格布局三个属性隐藏collapseColumns拉伸stretchColumns收缩shrinkColumns效果预览：代码： 表格布局三个属性 下图是表格布局最重要的三个属性： 如果我们直接往TableLayout里面放一个组件的话，那么这个组件将会占满一行。如果想要多个组件，那就需要用<TableRow></TableRow>这个标签把所有的组件放进去。...
用XML绘制Word和Excel里的简单表格
最新发布
weixin_44148327的博客
03-01 1218
Word 基础的WordXML对应元素 w:document：表示Word文档的根元素。 **w:p：**表示段落（Paragraph）元素。 **w:r：**表示文本运行（Run）元素，用于包含文本内容。 **w:t：**表示文本（Text）元素，用于存放实际的文本内容。 **w:tbl：**表示表格（Table）元素。 **w:tr：**表示表格行（Table Row）元素。 **w:tc：**表示表格单元格（Table Cell）元素。 **w:hyperlink：**表示超链接（Hyperli
Android listView 绘制表格实例详解
08-31
本文将详细介绍如何在Android中使用ListView来实现表格的绘制。 首先，我们需要理解ListView的基本工作原理。ListView通过Adapter将数据与视图进行绑定，Adapter负责填充每个列表项（list item）的内容。在这个例子...
Android中使用ListView实现漂亮的表格效果
09-04
以下是如何在Android中使用ListView实现漂亮的表格效果的详细步骤： 首先，我们需要定义颜色资源以区分不同的视觉效果。在`res/values/color.xml`文件中，定义了不同颜色的值，如深灰色、黑色、绿色和红色。绿色...
android 用代码简单实现画表格
qq_27117443的博客
02-04 8444
前言： 在写开发安卓软件的时候，免不了有时候会要到表格显示数据，这样更能提高用户对数据的了解。 实现表格的方法有很多，列如：可以用tableLayout进行布局绘制。也可以定义一个类继承ArrayAdapter进行绘制等等，方法有很多。 下面用的是线性布局LinearLayout绘制。 效果图： 代码： 布局代码如下： &amp;amp;amp;lt;LinearLayou...
java xml 画表格_用js+xml自动生成表格的东西
weixin_33028765的博客
03-02 255
摘要：这篇JavaScript栏目下的“用js+xml自动生成表格的东西”，介绍的技术点是“JS+XML、自动生成、XML、生成、js、自动”，希望对大家开发技术学习和问题解决有帮助。无标题文档functionloadXML(handler){varurl="employees.xml";if(document.implementation&&document.imple...
android用ListView实现表格样式
09-25
android用ListView实现表格样式
android 表格自动适配,android中XML实现表格根据内容自动变换大小
weixin_29015483的博客
05-25 217
[code="java"][/code]android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="@drawable/bg_480_800" >android:layout_height="1dip"android:layout_column="1"android:layo...
Android UI Design：表格布局（Table Layouts）
Jimmy的专栏
11-15 4152
原文地址：http://mobile.tutsplus.com/tutorials/android/android-sdk_table-layout/ 表格布局（Table Layout）是被用于显示表格式的数据的一种布局。接下来让我们学习如何通过XML布局文件和代码两种方式来创建表格布局（Table Layout）。 理解布局对于设计好的Android应用程序是非常重要的。在本教程中
android TableLayOut画表格
weixin_30540691的博客
09-17 325
<TableRow android:layout_width="match_parent" android:layout_height="wrap_content" android:divider="@drawable/tableline" android:orientation="horizontal" ...
在android中画一个表格
weixin_43259226的博客
11-13 1732
在这样 滑稽 先定义2个画图的item.xml &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt; //把右和上取消显示 &lt;item android:right="-2dp&quot
【Android】利用表格布局，Android中xml文件与java的交互制作登录界面
编程记录，亲测有效
06-03 5623
登录界面是图形编程、网页编程的一个经典而又基础的程序。 在安卓中，如图所示一个基本登录界面： 点击取消按钮就关闭这个程序，点击登录按钮则显示用户输入的用户名与密码。 一、基本布局 这个程序利用到安卓中的表格布局。 先打开res/values/strings.xml中定义几个字符串。之所以不直接把字符串直接写在activity_main.xml的组件中，是因为免得Eclip
xml 将xml文档以表格的形式输出
苦艾文艺
10-25 4968
在此我引用了w3school中的一个demo,我们还是来看看具体的例子吧： index.html<!DOCTYPE html PUBLIC '-//W3C//DTD HTML 4.01 Strict//EN' 'http://www.w3.org/TR/html4/strict.dtd'> <html> <head> <meta http-equiv='Content-Type' content='
Android如何绘制自定义表格,手把手教你实现Android中智能设备数据表格绘制
weixin_33467546的博客
05-25 871
最近做一个android智能手表的app,要给用户呈现的就是用户每天，每周，每月数据信息，既然要使得用户能一眼就看出自己的数据趋势，当然最好的就是折线统计图或者柱状图了。要实现这要的功能就需要借助于android强大的自定义控件了。闲话休提，言归正传：惯例先上效果，如下：下面开始自定义控件的第一步：1.在工程目录res/values下新建attrs文件2.在文件中声明需要的属性3.在工程目录指定包...
AJAX编程技巧：在页面上中如何将受到的xml文件显示为表格的形式？
君子藏器于身，待时而动
07-01 672
假如我们接收到了如下格式的文件，希望用表格的形式在页面上展示： 首先，在页面上定义好准备显示数据的表格， 注意：tbody是必须的，否则就不能使用许多js表格方法。 在js中，使用下面的方法，就可以显示数据了： function listAllData(){ var xmlDoc=xmlHttp.response
Android ListView 实现表格绘制详解
这里的`yourDataList`应该是一个二维字符串数组，每个子数组代表表格中的一行数据。 4. 效果图 在描述中提到的效果图展示了绘制出的表格，每个单元格包含了对应的数据，列与列之间有清晰的分隔线，整个表格看起来...
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值