精华内容
下载资源
问答
  • android 用代码简单实现画表格

    千次阅读 2019-02-04 17:34:52
    实现表格方法有很多,列如:可以用tableLayout进行布局绘制。也可以定义一个类继承ArrayAdapter进行绘制等等,方法有很多。 下面用的是线性布局LinearLayout绘制。 效果图: 代码: 布局代码如下: &...

    前言:

    在写开发安卓软件的时候,免不了有时候会要到表格显示数据,这样更能提高用户对数据的了解。
    实现表格的方法有很多,列如:可以用tableLayout进行布局绘制。也可以定义一个类继承ArrayAdapter进行绘制等等,方法有很多。
    下面用的是线性布局LinearLayout绘制。
    效果图:
    在这里插入图片描述

    代码:

      布局代码如下:
    
    
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:background="@drawable/shapenx"
        android:id="@+id/table">
    
    </LinearLayout>
    

    线性布局把他设置为垂直,为的就是在代码里面每循环一次水平布局的线性垂直下来

    在表格外面画一个边框
    在drawable/新建一个XML名字随便我这里取得是shapenx

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
         <stroke android:width="2dp"  
            
             android:color="@android:color/black"/>
         <!--边框宽度和设置他的颜色-->
    </shape>
    

    核心代码块:

    public class MainActivity extends AppCompatActivity {
    
        private LinearLayout Linayout;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            Linayout=findViewById(R.id.table);
            for (int i=0;i<12;i++){ 
             //循环表格为12行
                LinearLayout varlayout=new LinearLayout(this);
                varlayout.setOrientation(LinearLayout.HORIZONTAL);
                //new 一个线性布局用来画每一行,设置它为水平
                for (int a=0;a<4;a++){
                //循环它每一行显示4条数据,这就用到Textview了
                    TextView text=new TextView(this);
                    text.setLayoutParams(new LinearLayout.LayoutParams(0, LinearLayout.LayoutParams.WRAP_CONTENT,1));
                     //设置Textview宽为0,高为不确定,Layout_weight为1
                    text.setText("你好");
                    text.setGravity(Gravity.CENTER);
                    //使它居中
                    varlayout.addView(text);//添加到水平线性布局
                    TextView reit=new TextView(this);
                    //这个Textview画表格竖线
                    reit.setLayoutParams(new LinearLayout.LayoutParams(2,
                            LinearLayout.LayoutParams.WRAP_CONTENT ));
                    //设置Textview宽为2dp,高为不确定
                    reit.setBackgroundColor(Color.BLACK);
                    varlayout.addView(reit);//把他添加到水平线性布局里
                }
                TextView reit=new TextView(this);
                //这个Textview用来画横线,
                reit.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT,2 ));
                reit.setBackgroundColor(Color.BLACK);
                Linayout.addView(varlayout, LinearLayout.LayoutParams.MATCH_PARENT,
                        LinearLayout.LayoutParams.WRAP_CONTENT);
                Linayout.addView(reit);
            }
    
        }
    
    }
    ```代码不多,清楚逻辑的后很容易看懂的。
    
    
    
    
    展开全文
  • 画表格

    2016-01-22 12:06:31
    **LinearLayout画表格 类似于下面的表格(甚至还麻烦) 项目 价格 数量 Computer 1600 元 5 Phone 12 元 12 Pipe 1 元 234 一开始,我竟然打算用view一行一行,一列一列的画(醉了。。。) 其实在...
    • **LinearLayout画表格

    类似于下面的表格(甚至还麻烦)

    项目 价格 数量
    Computer 160 元 5
    Phone 12 元 12
    Pipe 1 元 234

    一开始,我竟然打算用view一行一行,一列一列的画(醉了。。。)
    其实在Linarlayout布局中有很好用的两个属性。
    android:showDividers=”beginning|middle|end”
    android:divider=”@drawable/shape_child_divider”
    其中showDividers,用来让divider在什么位置显示。
    divider值为drawable下的shape。

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" 
        android:shape="rectangle">
        <solid android:color="@color/littleGray"/>
        <size android:height="1px"/>
    </shape>

    不要忘了还有width属性呢

    <size android:width="1px"/>

    那表格的实现方式所以大家就明白了吧。
    拿第一行来讲只要Linearlayout中嵌套一个Linearlayout,两个Linearlayout的orientation值分别是vertical和horizontal。表格的样式分分钟就搞定了。。。
    这里写图片描述
    搞起来把。。。

    展开全文
  • WEB 制作1px边框表格的几种方法制作1px边框表格的几种方法有过网页制作经验的朋友一定知道:一般来讲,把表格的边框定义为1px时,即border=1,而实际上是2px。而我们在很多时候需要那种真正的边框为1px的表格,下面...

    WEB 制作1px边框表格的几种方法

    制作1px边框表格的几种方法

    有过网页制作经验的朋友一定知道:一般来讲,把表格的边框定义为1px时,即border=1,而实际上是2px。而我们在很多时候需要那种真正的边框为1px的表格,下面就介绍几种方法。

    一、用嵌套表格

    用两个表格嵌套,外层的表格的长与宽比里层的多出2px,并设置对齐属性为水平居中、垂直居中,然后把外层表格的背景设为你需要的边框颜色,里层表格背景设为与网页背景相同,这样就实现我们的愿望了,实例如下:

    -----------------------------------------------------------------

     

    -----------------------------------------------------------------

    二、设置亮、暗边框颜色

    表格有亮边框(bordercolorlight)和暗边框(bordercolordark)两个属性,把表格边框(border)设为1px,亮边框(bordercolorlight)设为背景色,暗边框(bordercolordark)设为你需要的实际边框颜色就可以了,实列如下:

    -----------------------------------------------------------------

     

    -----------------------------------------------------------------

    三、用CSS定义(一) (推荐使用)

    代码为:

    style="border-collapse: collapse"

    实例如下:

    -----------------------------------------------------------------

     

    -----------------------------------------------------------------

    如果你用过Frontpage xp,你会发现,在Frontpage xp中定义的表格默认的设置就是用CSS定义过了的。

    四、用CSS定义(二)

    代码为:

    style="border: 1px solid #000000;"

    实例如下:

    -----------------------------------------------------------------

     

    -----------------------------------------------------------------

    有一点一定要注意:这时候不要再设置表格边框(border)、亮边框(bordercolorlight)和暗边框(bordercolordark)属性,否则不会出现预想的结果。

    --------------------------------------------------------------------------------

    展开全文
  • html画表格

    2021-04-05 10:16:21
    1、表格标记 表格是网页中十分重要的组成元素。表格用来存储数据,包含标题、表头、行和单元格。在HTML语言中,表格标记使用符号<table>表示。定义表格光使用<table>是不够的,还需要定义表格中的行、...

    1、表格标记

    表格是网页中十分重要的组成元素。表格用来存储数据,包含标题、表头、行和单元格。在HTML语言中,表格标记使用符号<table>表示。定义表格光使用<table>是不够的,还需要定义表格中的行、列、标题等内容。

    标记说明
    表格标记<table><table></table>标记表示整个表格。<table>标记中有很多属性,例如 width 属性用来设置表格的宽度,border 属性用来设置表格的边框,align 属性用来设置表格的对其方式,bgcolor 属性用来设置表格的背景色等。
    标题标记<caption>标题标记以<caption>开头,以</caption>结束,标题标记也有一些属性,例如:align、valign 等。
    表格行标记<tr>一组<tr>标记表示表格中的一行。<tr>标记要嵌套在<table>标记中使用,该标记也具有 algin、background 等属性。
    表头标记<th>表头标记以<th>开头,以</th>结束,也可以通过 algin、background、colspan、valign 等属性来设置表头。
    单元格标记<td>单元格标记<td>又称为列标记,一个<tr>标记中可以嵌套若干个<td>标记。该标记也具有 algin、background、valign 等属性。

    1.1 显示表格边框

    方法一:在<table>标记中添加属性:border="1" cellspacing="0",如下:

    <table border="1" cellspacing="0">
    </table>
    

    说明:

    border="1"表示设置表格边框1px;

    cellspacing="0"表示设置表格边框间距为0,即无边距。

    方法二:使用CSS样式。

    table { border-collapse: collapse;}
    table,table tr th, table tr td { border:1px solid #000000; }
    

    1.2 合并单元格

    colspan 是列合并,rowspan是行合并。

    示例:在页面中定义学生成绩表,并在表格中显示边框,同时使用单元格合并。

    <html>
    <head>
        <title>表格标记</title>
        <style>
            table { border-collapse: collapse;}
            table,table tr th, table tr td { border:1px solid #000000; }
        </style>
    </head>
    <body>
    <table  align="center">
        <caption>学生考试成绩单</caption>
        <tr>
            <th align="center" valign="middle">姓名</th>
            <th align="center" valign="middle">语文</th>
            <th align="center" valign="middle">数学</th>
            <th align="center" valign="middle">英语</th>
        </tr>
        <tr>
            <td align="center" valign="middle">张三</td>
            <td align="center" valign="middle">89</td>
            <td align="center" valign="middle">92</td>
            <td align="center" valign="middle">87</td>
        </tr>
        <tr>
            <td align="center" valign="middle">李四</td>
            <td align="center" valign="middle">93</td>
            <td align="center" valign="middle">86</td>
            <td align="center" valign="middle">80</td>
        </tr>
        <tr>
            <td align="center" valign="middle">王五</td>
            <td align="center" valign="middle">85</td>
            <td align="center" valign="middle">86</td>
            <td align="center" valign="middle">90</td>
        </tr>
        <tr>
            <th rowspan="2" align="center" valign="middle">博客信息</th>
            <td colspan="3" align="center" valign="middle">您好,欢迎访问 pan_junbiao的博客</td>
        </tr>
        <tr>
            <td colspan="3" align="center" valign="middle">博客地址:https://blog.csdn.net/pan_junbiao</td>
        </tr>
    </table>
    </body>
    

    执行结果:

     

    2、漂亮的Table表格模板

    以下是来自 hipenpal.com 网站提供的一些漂亮的Table表格模板。

    更多模板可以访问 hipenpal.com 网站,请点击:漂亮的Table表格模板

    模板1:

    <style>
        .table11_7 table {
            width:100%;
            margin:15px 0;
            border:0;
        }
        .table11_7 th {
            background-color:#00A5FF;
            color:#FFFFFF
        }
        .table11_7,.table11_7 th,.table11_7 td {
            font-size:0.95em;
            text-align:center;
            padding:4px;
            border-collapse:collapse;
        }
        .table11_7 th,.table11_7 td {
            border: 1px solid #2087fe;
            border-width:1px 0 1px 0;
            border:2px inset #ffffff;
        }
        .table11_7 tr {
            border: 1px solid #ffffff;
        }
        .table11_7 tr:nth-child(odd){
            background-color:#aae1fe;
        }
        .table11_7 tr:nth-child(even){
            background-color:#ffffff;
        }
    </style>
    <table class=table11_7>
        <tr>
            <th>SAMPLE</th><th>SAMPLE</th><th>SAMPLE</th>
        </tr>
        <tr>
            <td>SAMPLE</td><td>SAMPLE</td><td>SAMPLE</td>
        </tr>
        <tr>
            <td>SAMPLE</td><td>SAMPLE</td><td>SAMPLE</td>
        </tr>
        <tr>
            <td>SAMPLE</td><td>SAMPLE</td><td>SAMPLE</td>
        </tr>
        <tr>
            <td>SAMPLE</td><td>SAMPLE</td><td>SAMPLE</td>
        </tr>
    </table>
    

    执行结果:

     

    展开全文
  • visio中如何画表格

    千次阅读 2020-02-08 14:21:06
    在visio中进行表格绘制,这里讲解两种方式,但是推荐推荐使用方式二。 方法一:直接 直接,就是好多长方形,一个个长方形进行连接起来就可以形成表格。如下图所示。 方法二:插入对象法【即excel+...
  • JS画表格

    千次阅读 2013-08-15 22:02:50
    介绍两种方法,一种用JS结合Ajax画表格,一种用jquery jqgrid控件画,也会用到Ajax调用后台数据库。 1. JS画表格 a) 需要一个servle调用后台数据,参考‘fushionChars画统计图’里的介绍 b) HTML前端: //...
  • 蓝桥杯 画表格

    2015-04-04 15:25:30
    标题:画表格 在中文Windows环境下,控制台窗口中也可以用特殊符号拼出漂亮的表格来。 比如: 其实,它是由如下的符号拼接的: 左上 = ┌ 上 = ┬ 右上 = ┐ 左 = ├ 中心 = ┼ 右 = ┤ 左下= ...
  • 用C语言简单表格

    千次阅读 2012-04-02 15:36:00
    在图形环境中很容易做出漂亮的表格。但在控制台环境中就比较困难了。有的时候可以用一些符号大略地模拟:(word文档中可能不整齐,拷贝到记事本中看)+-------+------+|abc |xyz=tt|+-------+------+|hellomm|t2 |+-...
  • 用css画表格

    千次阅读 2018-12-18 00:03:19
    其实实现这样的效果有好多种,但是 个人认为 用css的方法一个效果好看的表格,其实更简单明了一些!(自己随便写的,已备自己后用写的一个demo) css代码: 在这里,灵活的运用css中的选择器是很重要,也是很...
  • Word2010中怎样用画笔绘制表格使用Word2010制作表格时,我们不仅需要通过指定行和列的方法制作规范的表格,有时还需要制作不规范的表格,这时就可以使用画笔进行绘制表格操作。一、绘制表格1、打开Word2010文档页面...
  • wxpython画表格代码

    千次阅读 2018-12-15 17:33:52
    wxPython是Python语言的一套优秀的GUI图形库。允许Python程序员很方便的创建完整的、功能键全的GUI...利用wx.grid命令可以出类似于Excel一样的表格。 grid.SetCellValue用来个表格中的元素赋值。 import wx import...
  • 蓝桥杯 画表格 Java 带字的表格

    千次阅读 2017-09-15 16:08:08
    在图形环境中很容易做出漂亮的表格。但在控制台环境中就比较困难了。 有的时候可以用一些符号大略地模拟:(word文档中可能不整齐,拷贝到记事本中看) +-------+------+ |abc |xyz=tt| +-------+------+ |...
  • Letex复杂表格方法

    千次阅读 2015-06-04 09:16:32
    Letex 复杂表格 代码
  • 使用Graphics画表格

    千次阅读 2018-07-30 18:34:56
    1.说明  最近,项目上有需求,需要从数据库读取数据,然后将数据以表格的形式放到word的文档中。在表格上,需要展示出一个月的工作时间的...之前,想过直接将第一步和第二步省略掉,也就是直接在word的文档上出...
  • 蓝桥杯 控制台画表格 字符串处理

    千次阅读 2015-03-12 14:19:43
    画表格 在图形环境中很容易做出漂亮的表格。但在控制台环境中就比较困难了。有的时候可以用一些符号大略地模拟:(word文档中可能不整齐,拷贝到记事本中看) 本题目要求设计一个程序,把用户输入的内容用...
  • 经研究很多资料,发现有两种自绘方法可以达到目的,一种是在列表框重绘消息里线,另一种就是在窗口重绘消息里线。 在列表框消息里线是很习惯的做法,但是必须要考虑很多问题,比如在哪个阶段绘制,还要分别绘...
  • 在 HTML 的语法中,在表格中一般通过3个标签来构建,分别为表格标签、行...表格的标题一般位于整个表格的第一行,具体语法如下:value其中, value: 表格标题的内容设置表格的边框属性在默认的情况下,表格的边框为...
  • Python通过prettytable模块将输出...在cmd中使用下面的命令即可安装:pip install PrettyTable使用python画表格方法如下:#!/usr/bin/env python# -*- coding:utf-8 -*-#Author: ####from prettytable import Pr...
  • 经研究很多资料,发现有两种自绘方法可以达到目的,一种是在列表框重绘消息里线,另一种就是在窗口重绘消息里线。 在列表框消息里线是很习惯的做法,但是必须要考虑很多问题,比如在哪个阶段绘制,还要分别绘...
  • 主要方法有:setColor() 设置画笔的颜色setTextSize() 设置字体大小setStyle() 设置画笔的风格,空心还是实心setStrokWidth() 设置空心的边框宽度setTextAlign() 设置文字的对齐方式setTypef...
  • 回答:Word表格教程:制作表格在Word 中有3种制作表格方法。一、从工具栏快捷按钮插入单击“常用”工具栏上的“插入表格”按钮,然后拖动鼠标选定所需的表格行数和列数即可创建一个规则的表格。如下图:二、从菜单...
  • vm 动态画表格

    2017-09-11 10:14:01
    方法一: function drawTable(x,y){  for(var i=0;i  var $tr = $('');  for(var j=0;j  $('sss').appenTo($tr);  }  $tr.appenTo('#table');  }
  • 在jsp页面上展现数据,通常使用表格形式。...通常画表格是从服务器端某种格式的数据,如list,map,页面上使用jstl标签来实现循环画表的功能。 " onclick="onMultiClicked();">

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 91,621
精华内容 36,648
关键字:

怎样画表格简单的方式