标签: tablelayout

是否有可能在Github gist markdown中心有一张桌子？如果是这样,怎么样？

我使用以下语法在markdown文件上创建表:

 Somehow the table is always flushed to the left!!!

|Column1|Column1|Column1|
|:----|:----:|----:|
|Column1|Column1|Column1|

但是表格是左边的,请参阅https://gist.github.com/alvations/5095d3bcc0eec357c78f1c21a49e334f

查看时是否可以将表格放在页面的中心？

我试过/sf/answers/1724765591/的建议来使用:

Somehow the table is always flushed to the left!!!

<center>

|Column1|Column1|Column1|
|:----|:----:|----:|
|Column1|Column1|Column1|

</center>

查看时表格消失,请参阅https://gist.github.com/alvations/cd3495e7107b7701cf1cf1da2a839534

我也试过/sf/answers/848284461/:

Still on the left!!!
<p align="center">

|Column1|Column1|Column1|
|:----|:----:|----:|
|Column1|Column1|Column1|
</p>

但它仍在左侧,请参阅https://gist.github.com/alvations/23c18681df7a6bbf175d0e8c2cfccba3

以上所有3个版本的图片:

我在定位布局元素时遇到问题.我的TableLayout中的AutoComplete和它之后的按钮正在扩展TableRow大于屏幕的宽度.任何人都知道为什么？下面是我的XML代码以及问题的图片.

提前致谢!!

<?xml version="1.0" encoding="utf-8"?>

<TableRow android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <AutoCompleteTextView android:id="@+id/installation"
        android:textSize="14sp" android:completionThreshold="3" />
</TableRow>
<TableRow android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <Button android:id="@+id/btn_find" android:text="@string/btn_find"></Button>
</TableRow>
<TableRow android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <TextView android:id="@+id/error" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:paddingTop="20px"
        android:textColor="#FF0000" />
</TableRow>

UI的图片

我有一个活动,其中一堆按钮放在TableLayout内,与拨号盘不同.在某些操作中,我需要暂时禁用按钮.令我不愉快的惊喜TableLayout.setEnabled(false),对嵌套按钮没有任何影响.我是坚持设置每个单独的按钮还是有一个漂亮(更好)的方式来实现相同的？

我在网上查看了使用DIV实现表单的示例,我看到的只是一个非常简单的列表单.我有一些相当复杂的表格,这是一张图片:

http://img835.imageshack.us/img835/8292/formn.jpg

很容易让它与表(我这样做)一起工作,我唯一的问题是有时我需要不显示一些选项并将值向上移动一行以避免间隙.

我开始使用div创建一些表单,但是当我更改浏览器窗口大小并且不容易对齐时它们会分崩离析.

这个主题很有用: 在html中显示表单时使用表标签是不是很糟糕？ 但它没有解决我的一些担忧.

你会建议什么作为解决方案？我可以动态删除/插入表中的值或尝试执行DIV.

我有一组12个图像在布局中显示.这个数字是半任意选择的,但是对于纵向模式可以归结为3个横向和4个垂直,而对于横向模式则相反.

第一个实现是使用gridview.问题是高度不能强制适合屏幕.对于一种解决方法,我可以(尝试)缩放课程图像,但几乎不可能计算出网格视图可用的空间:总屏幕尺寸是已知的,但你必须"猜测"通知栏的大小并且没有'似乎是一种优雅的溶剂.测量的大小实际上并不值得信任:我没有在方向更改(速度)上完全重新启动,但是屏幕的构建方式不能在现场获得完整的空间.最后得出的结论是,我不想计算图像的大小,然后相应地对它们进行缩放:我认为最好说出视图应该如何适应屏幕,对吧？

所以接下来的尝试就是使用TableLayout.使用"ShrinkColumns ="*"图像很合适,所以图像的大小现在是我们想要它们的大小.但是我们可能在高度上的'额外'空间现在在桌面之间均匀分配.这是可以预期的,但很难看

当前的代码似乎无关紧要,因为它不起作用,但最终看起来像这样:我已经删除了所有填充和其他看起来不相关的东西.(对于肖像:)

<TableLayout
       android:shrinkColumns="*">
    <TableRow>
        <ImageView/>
        <ImageView/>
        <ImageView/>
    </TableRow>
    … (repeat 3 tablerows)
</TableLayout>

为了"缩放"过大的图像,TableLayout具有"shrinkcolumns ="*""属性.

我们怎样才能让三个ImageView在TableRow的中心对齐而不是在宽度上均匀分布？对于垂直列也是如此,我们如何将所有内容保持在一起而不是在屏幕的高度上展开？基本上,"多余"空间应该作为填充/边距到达边,现在它介于图像之间.

示例:左侧屏幕截图显示左/右距离太多,右侧有太多顶部/底部

在这里你是我的问题:我想在android中做一个看起来像这个网格的布局:

为此,我创建了这个布局:

     <?xml version="1.0" encoding="utf-8"?>
     <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/RelativeLayout1"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent"
     android:gravity="center"
     android:orientation="vertical" >


    <TableLayout
    android:id="@+id/tableLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <TableRow
        android:id="@+id/tableRow1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:layout_weight="0.3">

        <Button
            android:id="@+id/clientimain"
            android:layout_width="0dip"
            android:layout_weight="1" android:layout_height="fill_parent"/>



        <Button
            android:id="@+id/button1"
            android:layout_width="0dip"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:text="Button" />

     </TableRow>

     <TableRow
        android:id="@+id/tableRow2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.3" >

        <Button
            android:id="@+id/button2"
            android:layout_width="0dip"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:text="Button"/>

        <Button
            android:id="@+id/button6"
            android:layout_width="0dip"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:text="Button" />

    </TableRow>

    <TableRow
        android:id="@+id/tableRow3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.3" >

        <Button
            android:id="@+id/button3"
            android:layout_width="0dip"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:text="Button"
             />

        <Button
            android:id="@+id/button7"
            android:layout_width="0dip"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:text="Button"
             />

    </TableRow>

   </TableLayout>

   </RelativeLayout>

所以基本上它由表格布局中的6个按钮组成,正确设置了权重属性(或者我希望如此!).结果看起来很好,直到我尝试设置每个按钮的背景属性.在这种情况下,按钮获取放入的图像的高度(宽度正常).例如,如果我设置大小为96px …

我们正在table-layout: fixed为我们的移动应用使用CSS 属性.(我不记得完整的原因,但我认为这与启用某些类型的自动换行有关)...

我遇到了一个问题,我们需要调整两列表中两列中的一列.没什么大不了的,通常我们这样做:

<table>
  <tbody>        
    <tr>
      <th width="20%">hello world</th>
      <td>hello world</td>
    </tr>
  </tbody>
</table>

这很好.

但是,如果我们需要在此之前创建一个跨越两列的行:

<table>
  <tbody>   
    <tr>
      <td colspan="2">hello world</th>
    </tr>     
    <tr>
      <th width="20%">hello world</th>
      <td>hello world</td>
    </tr>
  </tbody>
</table>

至少在Chrome中,会发生这样的情况:两列的宽度达到50%.我这里有一个jsbin示例:

http://jsbin.com/ejovut/3

这是正常的行为吗？一个Chrome bug？解决这个问题的方法？

我该怎样做才能得到类似的东西:

我可以在HTML中没有问题但在Android中如何做到这一点？

我正在开发一个活动,其中我使用列表视图与表格布局.我想在列表视图中显示图像和文本,但问题是图像显示略微超出列表顺序

 img1        text1                              img1    text1
  img2       text2     and i want this          img2    text2
 img3        text3                              img3    text3
 img4        text4                              img4    text4
 img5        text5                              img5    text5

这样..所以关于列表视图或图像视图的属性的任何想法,以正确设置它？那么PLZ评论......

list_row.xml

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="?android:attr/listPreferredItemHeight"
    android:background="#ffffff"
    android:padding="6dip" >

    <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="#ffffff"
        android:stretchColumns="*" >

        <TableRow>

            <ImageView
                android:id="@+id/icon"
                android:layout_gravity="left"
                android:background="#ffffff"
                android:padding="2dip" />

            <TextView
                android:id="@+id/description"
                android:background="#ffffff"
                android:padding="2dip"
                android:singleLine="true"
                android:textColor="#000000"
                android:textSize="12sp" />
        </TableRow>
    </TableLayout>

</LinearLayout>

main.xml中

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="#ffffff">



    <ListView
        android:id="@+id/android:list"
        android:background="#ffffff"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:dividerHeight="1dip"/>
</LinearLayout>

最初滚动,然后用滚动页面主体固定表头.

我想在我的网页中间的某个地方放一个表,它有以下行为:

1. 像大多数情况下的"普通"html表一样......直到你滚过表格的标题
2. 当您滚动表格的标题时,表格标题会固定在该页面的顶部或附近,而表格的其余部分会与页面正文的其余部分一起滚动.这 <tbody>与固定滚动不同<thead>.
3. 如果滚动超过表格的最后一行,表格标题会消失,奖励积分.
4. 如果表行在滚动高于标题时消失,则奖励积分.(当我尝试将固定表头放在与页面顶部不同的位置时,我只需要此功能)

它应该看起来类似于这个小提琴中给出的示例:
http://jsfiddle.net/yeAhU/260/
除了标题内容将在修改之前滚动到页面顶部,并且表格内容不应显示在标题上方它滚动.

我尝试在线调整大多数已发布的"固定表标题滚动正文"问题的答案,但我无法从这些示例中获得我正在寻找的行为类型.

如果可能的话,我希望解决方案是基于CSS的,但我对JS等其他解决方案持开放态度.

我希望该解决方案兼容Chrome和Firefox.

题

是否可以这样做,是否可以只用CSS做到这一点？怎么样？