devbox
菜鸟追梦旅行
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Android Studio||旋转/表格TableLayout/布局使用align+margin（内含源代码）_android studio tablelayout

作者：菜鸟追梦旅行 | 2024-04-13 10:35:56

赞

踩

android studio tablelayout

step by step.

目录

1. 元素旋转设置

效果：

 xml代码：

2. TableLayout

整个旋转：

效果：

整个xml代码：

 整个效果：

1. 元素旋转设置

android:rotation="90"

效果：

 xml代码：

  1. <TextView
  2.         android:id="@+id/pinyin_1"
  3.         android:layout_width="wrap_content"
  4.         android:layout_height="wrap_content"
  5.         android:layout_alignParentStart="true"
  6.         android:layout_alignParentTop="true"
  7.         android:layout_marginStart="150dp"
  8.         android:layout_marginTop="100dp"
  9.         android:rotation="90"
  10.         android:text="māo"
  11.         android:textStyle="bold"
  12.         android:textSize="80px"
  13.         android:textColor="#cf381d" />

2. TableLayout

整个旋转：

<TableLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_marginStart="-10dp"
    android:layout_marginTop="53dp"
    android:rotation="90">

    <TableRow
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginBottom="-10dp"
        >

        <TextView
            android:id="@+id/choice_1a"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            ... />

        <TextView
            android:id="@+id/choice_1b"
            ... />

        <TextView
            android:id="@+id/choice_1c"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            ... />
    </TableRow>

    <TableRow
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TextView
            android:id="@+id/choice_1d"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            ... />

        <TextView
            android:id="@+id/choice_1e"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            ... />

        <TextView
            android:id="@+id/choice_1f"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            ...  />
    </TableRow>

</TableLayout>

效果：

整个xml代码：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     android:background="@drawable/pic_bg_par_co"
  8.     tools:context=".TestActivity_pa_co">
  9.  
  10.     <TextView
  11.         android:id="@+id/pinyin_1"
  12.         android:layout_width="wrap_content"
  13.         android:layout_height="wrap_content"
  14.         android:layout_alignParentStart="true"
  15.         android:layout_alignParentTop="true"
  16.         android:layout_marginStart="150dp"
  17.         android:layout_marginTop="100dp"
  18.         android:rotation="90"
  19.         android:text="māo"
  20.         android:textStyle="bold"
  21.         android:textSize="80px"
  22.         android:textColor="#cf381d" />
  23.     <TextView
  24.         android:id="@+id/pinyin_2"
  25.         android:layout_width="wrap_content"
  26.         android:layout_height="wrap_content"
  27.         android:layout_alignParentRight="true"
  28.         android:layout_alignParentBottom="true"
  29.         android:layout_marginEnd="150dp"
  30.         android:layout_marginBottom="95dp"
  31.         android:rotation="-90"
  32.         android:text="kuàng"
  33.         android:textStyle="bold"
  34.         android:textSize="80px"
  35.         android:textColor="#cf381d" />
  36.  
  37.     <TableLayout
  38.         android:layout_width="wrap_content"
  39.         android:layout_height="wrap_content"
  40.         android:layout_alignParentTop="true"
  41.         android:layout_marginStart="-10dp"
  42.         android:layout_marginTop="53dp"
  43.         android:rotation="90">
  44.  
  45.         <TableRow
  46.             android:layout_width="match_parent"
  47.             android:layout_height="match_parent"
  48.             android:layout_marginBottom="-10dp"
  49.             >
  50.  
  51.             <TextView
  52.                 android:id="@+id/choice_1a"
  53.                 android:layout_width="match_parent"
  54.                 android:layout_height="match_parent"
  55.                 android:layout_margin="13dp"
  56.                 android:background="#00000000"
  57.                 android:gravity="center"
  58.                 android:padding="5dp"
  59.                 android:text="毛"
  60.  
  61.                 android:textColor="@color/black"
  62.                 android:textSize="80px"
  63.                 android:textStyle="bold" />
  64.  
  65.             <TextView
  66.                 android:id="@+id/choice_1b"
  67.                 android:layout_width="match_parent"
  68.                 android:layout_height="match_parent"
  69.                 android:layout_margin="13dp"
  70.                 android:background="#00000000"
  71.                 android:gravity="center"
  72.                 android:padding="5dp"
  73.                 android:text="狗"
  74.                 android:textColor="@color/black"
  75.                 android:textSize="80px"
  76.                 android:textStyle="bold" />
  77.  
  78.             <TextView
  79.                 android:id="@+id/choice_1c"
  80.                 android:layout_width="match_parent"
  81.                 android:layout_height="match_parent"
  82.                 android:layout_margin="13dp"
  83.                 android:background="#00000000"
  84.                 android:gravity="center"
  85.                 android:paddingHorizontal="5dp"
  86.                 android:text="描"
  87.                 android:textColor="@color/black"
  88.                 android:textSize="80px"
  89.                 android:textStyle="bold" />
  90.         </TableRow>
  91.  
  92.         <TableRow
  93.             android:layout_width="match_parent"
  94.             android:layout_height="match_parent">
  95.  
  96.             <TextView
  97.                 android:id="@+id/choice_1d"
  98.                 android:layout_width="match_parent"
  99.                 android:layout_height="match_parent"
  100.                 android:layout_margin="13dp"
  101.                 android:background="#00000000"
  102.                 android:gravity="center"
  103.                 android:paddingVertical="5dp"
  104.                 android:text="苗"
  105.                 android:textColor="@color/black"
  106.                 android:textSize="80px"
  107.                 android:textStyle="bold" />
  108.  
  109.             <TextView
  110.                 android:id="@+id/choice_1e"
  111.                 android:layout_width="match_parent"
  112.                 android:layout_height="match_parent"
  113.                 android:layout_margin="13dp"
  114.                 android:background="#00000000"
  115.                 android:gravity="center"
  116.                 android:paddingVertical="5dp"
  117.                 android:text="喵"
  118.                 android:textColor="@color/black"
  119.                 android:textSize="80px"
  120.                 android:textStyle="bold" />
  121.  
  122.             <TextView
  123.                 android:id="@+id/choice_1f"
  124.                 android:layout_width="match_parent"
  125.                 android:layout_height="match_parent"
  126.                 android:layout_margin="13dp"
  127.                 android:background="#00000000"
  128.                 android:gravity="center"
  129.                 android:paddingVertical="5dp"
  130.                 android:text="猫"
  131.                 android:textColor="@color/black"
  132.                 android:textSize="80px"
  133.                 android:textStyle="bold" />
  134.         </TableRow>
  135.     </TableLayout>
  136.  
  137.     <TableLayout
  138.         android:layout_width="wrap_content"
  139.         android:layout_height="wrap_content"
  140.         android:layout_marginEnd="-5dp"
  141.         android:layout_marginBottom="42dp"
  142.         android:layout_alignParentRight="true"
  143.         android:layout_alignParentBottom="true"
  144.         android:rotation="-90">
  145.  
  146.         <TableRow
  147.             android:layout_width="match_parent"
  148.             android:layout_height="match_parent"
  149.             android:layout_marginBottom="-10dp">
  150.  
  151.             <TextView
  152.                 android:id="@+id/choice_2a"
  153.                 android:layout_width="match_parent"
  154.                 android:layout_height="match_parent"
  155.                 android:layout_margin="15dp"
  156.                 android:background="#00000000"
  157.                 android:gravity="center"
  158.                 android:padding="5dp"
  159.                 android:text="框"
  160.  
  161.                 android:textColor="@color/black"
  162.                 android:textSize="80px"
  163.                 android:textStyle="bold" />
  164.  
  165.             <TextView
  166.                 android:id="@+id/choice_2b"
  167.                 android:layout_width="match_parent"
  168.                 android:layout_height="match_parent"
  169.                 android:layout_margin="15dp"
  170.                 android:background="#00000000"
  171.                 android:gravity="center"
  172.                 android:padding="5dp"
  173.                 android:text="刚"
  174.                 android:textColor="@color/black"
  175.                 android:textSize="80px"
  176.                 android:textStyle="bold" />
  177.  
  178.             <TextView
  179.                 android:id="@+id/choice_2c"
  180.                 android:layout_width="match_parent"
  181.                 android:layout_height="match_parent"
  182.                 android:layout_margin="15dp"
  183.                 android:background="#00000000"
  184.                 android:gravity="center"
  185.                 android:paddingHorizontal="5dp"
  186.                 android:text="筐"
  187.                 android:textColor="@color/black"
  188.                 android:textSize="80px"
  189.                 android:textStyle="bold" />
  190.         </TableRow>
  191.  
  192.         <TableRow
  193.             android:layout_width="match_parent"
  194.             android:layout_height="match_parent">
  195.  
  196.             <TextView
  197.                 android:id="@+id/choice_2d"
  198.                 android:layout_width="match_parent"
  199.                 android:layout_height="match_parent"
  200.                 android:layout_margin="15dp"
  201.                 android:background="#00000000"
  202.                 android:gravity="center"
  203.                 android:paddingVertical="5dp"
  204.                 android:text="扛"
  205.                 android:textColor="@color/black"
  206.                 android:textSize="80px"
  207.                 android:textStyle="bold" />
  208.  
  209.             <TextView
  210.                 android:id="@+id/choice_2e"
  211.                 android:layout_width="match_parent"
  212.                 android:layout_height="match_parent"
  213.                 android:layout_margin="15dp"
  214.                 android:background="#00000000"
  215.                 android:gravity="center"
  216.                 android:paddingVertical="5dp"
  217.                 android:text="亢"
  218.                 android:textColor="@color/black"
  219.                 android:textSize="80px"
  220.                 android:textStyle="bold" />
  221.  
  222.             <TextView
  223.                 android:id="@+id/choice_2f"
  224.                 android:layout_width="match_parent"
  225.                 android:layout_height="match_parent"
  226.                 android:layout_margin="15dp"
  227.                 android:background="#00000000"
  228.                 android:gravity="center"
  229.                 android:paddingVertical="5dp"
  230.                 android:text="眶"
  231.                 android:textColor="@color/black"
  232.                 android:textSize="80px"
  233.                 android:textStyle="bold" />
  234.         </TableRow>
  235.  
  236.     </TableLayout>
  237. </RelativeLayout>

 整个效果：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/415931?site
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号