责任保险主要分为:android UI设计之TableLayout

来源：百度文库 编辑：九乡新闻网 时间：2024/04/29 00:38:45
  TableLayout和我们平时在网页上见到的Table有所不同，TableLayout没有边框的，它是由多个TableRow对象组成，每个TableRow可以有0个或多个单元格，每个单元格就是一个View。这些TableRow，单元格不能设置layout_width,宽度默认是fill_parent的，只有高度layout_height可以自定义，默认是wrap_content。     单元格可以为empty，并且通过android:layout_column可以设置index值实现跳开某些单元格。在TableRow之间，添加View,设置layout_height以及背景色，就可以实现一条间隔线。android:layout_span可以设置合并几个单元格： 
        
  1.      
  2.     android:layout_width="fill_parent"     
  3.     android:layout_height="fill_parent">     
  4.      
  5.          
  6.                     android:text="column1"     
  7.             android:padding="3dip"  />     
  8.                     android:text="column2"     
  9.             android:padding="3dip"  />     
  10.                     android:text="column3"     
  11.             android:padding="3dip"  />     
  12.          
  13.      
  14.          
  15.                   android:text="column11"     
  16.           android:visibility="invisible"/> //cell不见了     
  17.                     android:text="左边的invisible"     
  18.             android:gravity="right"     
  19.             android:padding="3dip" />     
  20.                     android:id="@+id/go"     
  21.             android:text="go"      
  22.             android:padding="3dip" />     
  23.                     android:text="cancel"     
  24.             android:padding="3dip" />     
  25.          
  26.      
  27.     //间隔线     
  28.         android:layout_height="2dip"     
  29.         android:background="#F00" />     
  30.      
  31.          
  32.                     android:text="右边的cell empty" />     
  33.                     android:layout_column="2"     
  34.             android:text="跳开empty cell"     
  35.             android:padding="3dip" />     
  36.          
  37.          
  38.          
  39.                     android:text="合并3个单元格"     
  40.             android:layout_span="3"     
  41.             android:gravity="center_horizontal"     
  42.             android:background="#FFC0C0C0"     
  43.             android:textColor="#f00"     
  44.             android:padding="3dip" />     
  45.          
  46.  
没有设置收缩/伸展效果

    注意，原来没有添加 android:padding="3dip" 的，发现那些column会凑在一起的，没有空白间隔！明显看到，那个cancel按钮被挤到几乎看不见了！这时候需要使用android:shrinkColumns="可收缩的column"，android:stretchColumns="可伸展的column"。    android:shrinkColumns和android:stretchColumns的值都是以0开始的index，但必须是string值，即用"1,2,5"来表示。可以用"*"来表示all columns。而且同一column可以同时设置为shrinkable和stretchable。    如果使用TableLayout类的setColumnShrinkable/setColumnStretchable (int columnIndex, boolean isShrinkable)就麻烦些了，需要一个一个column来设置。也可以使用TableLayout的setShrinkAllColumns/setStretchAllColumns来设置all columns。    判断这些column是否shrinkable或stretchable，可以调用isColumnShrinkable/isColumnStretchable(int columnIndex)，isShrinkAllColumns()/isStretchAllColumns()。 
        
  1.      
  2.     android:layout_width="fill_parent"     
  3.     android:layout_height="fill_parent"     
  4.     android:shrinkColumns="0" > // 设置第一个column可收缩     
  5.      
  6.          
  7.                     android:text="column1"     
  8.             android:padding="3dip"  />     
  9.                     android:text="column2"     
  10.             android:padding="3dip"  />     
  11.                     android:text="column3"     
  12.             android:padding="3dip"  />     
  13.          
  14.      
  15.          
  16.                   android:text="column11"     
  17.           android:visibility="invisible"/>     
  18.                     android:text="左边的invisible"     
  19.             android:gravity="right"     
  20.             android:padding="3dip" />     
  21.                     android:id="@+id/go2"     
  22.             android:text="go2"      
  23.             android:padding="3dip" />     
  24.                     android:text="cancel"     
  25.             android:padding="3dip" />     
  26.          
  27.      
  28.             android:layout_height="2dip"     
  29.         android:background="#F00" />     
  30.      
  31.          
  32.                   android:text="右边的cell empty" />     
  33.                     android:layout_column="2"     
  34.             android:text="跳开empty cell"     
  35.             android:padding="3dip" />     
  36.                     android:text="123456789"     
  37.             android:padding="3dip" />     
  38.          
  39.  
可收缩column效果

     现在可以看到第一个column为了让第4个column完整显示，而收缩得内容分为几行显示！      而可伸展column的效果就是在其他column可以完整显示时，该column就会伸展，占最多空间： 
        
  1.      
  2.     android:layout_width="fill_parent"     
  3.     android:layout_height="fill_parent"     
  4.     android:stretchColumns="1"> // 设置第二个column可伸展    
  5.      
  6.         
  7.                     android:text="column1"     
  8.             android:padding="3dip" />     
  9.                     android:text="column2"     
  10.             android:gravity="right"     
  11.             android:padding="3dip" />     
  12.                     android:text="column3"     
  13.             android:padding="3dip"  />     
  14.          
  15.      
  16.          
  17.                     android:text="column1"     
  18.             android:padding="3dip" />     
  19.                     android:text="column2"     
  20.             android:gravity="right"     
  21.             android:padding="3dip" />     
  22.                     android:text="column3"     
  23.             android:padding="3dip"  />     
  24.          
  25.  
可伸展column效果

       而动态隐藏column，可以调用TableLayout.setColumnCollapsed (int columnIndex, boolean isCollapsed)来指定相应的column。另外TableLayout类的boolean isColumnCollapsed (int columnIndex)能够判断指定的column是否隐藏。       TableLayout可以用来做网页上的Form显示效果，看看官方的sample： 
        
  1.      
  2.    android:layout_width="fill_parent"     
  3.    android:layout_height="fill_parent"     
  4.    android:stretchColumns="1">     
  5.      
  6.         
  7.                   android:text="@string/table_layout_10_user"     
  8.            android:textStyle="bold"     
  9.            android:gravity="right"     
  10.            android:padding="3dip" />     
  11.      
  12.                   android:text="@string/table_layout_10_username_text"     
  13.            android:padding="3dip"     
  14.            android:scrollHorizontally="true" />     
  15.         
  16.      
  17.         
  18.                   android:text="@string/table_layout_10_password"     
  19.            android:textStyle="bold"     
  20.            android:gravity="right"     
  21.            android:padding="3dip" />     
  22.      
  23.                   android:text="@string/table_layout_10_password_text"     
  24.            android:password="true"     
  25.            android:padding="3dip"     
  26.            android:scrollHorizontally="true" />     
  27.         
  28.      
  29.           android:gravity="right">     
  30.      
  31.                   android:text="@string/table_layout_10_cancel" />     
  32.      
  33.                   android:text="@string/table_layout_10_login" />     
  34.         
  35.  
Form效果  
android UI设计之TableLayout 手机客户端UI设计之手机平台之争 Android UI用户界面开发辅助工具 UI设计教程 UI 设计原则 - uiGarden Forums1 手机UI设计检测要素 UI设计的流程总体之10个阶段-电子商务师考试-考试大 设计Android的用户界面 Android线程模型解析（包括UI的更新） EIDcenter界面UI设计欣赏(一) EIDcenter界面UI设计欣赏（二） UI设计你需要自问的10个问题 非常有用的免费UI设计工具和资源 关于UI设计你需要自问的10个问题 [转载]做UI设计,我把沟通放在首位! 30个创意的网站UI设计案例 Android开发之旅 Android 之 Spinner Android开发之 Android研发:NFC之探索 Android的阿喀琉斯之踵 Android的阿喀琉斯之踵 精品军事大图之——陆军兵器篇ui Visual Studio 单元测试之六---UI界面测试