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

已于 2023-03-29 10:54:38 修改
阅读量441 收藏 1
点赞数
分类专栏： scau Android 文章标签： android studio android ide
于 2023-03-29 10:48:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51159944/article/details/129832173
版权
scau 同时被 2 个专栏收录
57 篇文章 6 订阅
订阅专栏
Android
16 篇文章 0 订阅
订阅专栏

step by step.

目录

1. 元素旋转设置

效果：

 xml代码：

2. TableLayout

整个旋转：

效果：

整个xml代码：

 整个效果：

1. 元素旋转设置

android:rotation="90"

效果：

 xml代码：

<TextView
        android:id="@+id/pinyin_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:layout_marginStart="150dp"
        android:layout_marginTop="100dp"
        android:rotation="90"
        android:text="māo"
        android:textStyle="bold"
        android:textSize="80px"
        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代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/pic_bg_par_co"
    tools:context=".TestActivity_pa_co">

    <TextView
        android:id="@+id/pinyin_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:layout_marginStart="150dp"
        android:layout_marginTop="100dp"
        android:rotation="90"
        android:text="māo"
        android:textStyle="bold"
        android:textSize="80px"
        android:textColor="#cf381d" />
    <TextView
        android:id="@+id/pinyin_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:layout_marginEnd="150dp"
        android:layout_marginBottom="95dp"
        android:rotation="-90"
        android:text="kuàng"
        android:textStyle="bold"
        android:textSize="80px"
        android:textColor="#cf381d" />

    <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"
                android:layout_margin="13dp"
                android:background="#00000000"
                android:gravity="center"
                android:padding="5dp"
                android:text="毛"

                android:textColor="@color/black"
                android:textSize="80px"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/choice_1b"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_margin="13dp"
                android:background="#00000000"
                android:gravity="center"
                android:padding="5dp"
                android:text="狗"
                android:textColor="@color/black"
                android:textSize="80px"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/choice_1c"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_margin="13dp"
                android:background="#00000000"
                android:gravity="center"
                android:paddingHorizontal="5dp"
                android:text="描"
                android:textColor="@color/black"
                android:textSize="80px"
                android:textStyle="bold" />
        </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"
                android:layout_margin="13dp"
                android:background="#00000000"
                android:gravity="center"
                android:paddingVertical="5dp"
                android:text="苗"
                android:textColor="@color/black"
                android:textSize="80px"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/choice_1e"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_margin="13dp"
                android:background="#00000000"
                android:gravity="center"
                android:paddingVertical="5dp"
                android:text="喵"
                android:textColor="@color/black"
                android:textSize="80px"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/choice_1f"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_margin="13dp"
                android:background="#00000000"
                android:gravity="center"
                android:paddingVertical="5dp"
                android:text="猫"
                android:textColor="@color/black"
                android:textSize="80px"
                android:textStyle="bold" />
        </TableRow>
    </TableLayout>

    <TableLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="-5dp"
        android:layout_marginBottom="42dp"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:rotation="-90">

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

            <TextView
                android:id="@+id/choice_2a"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_margin="15dp"
                android:background="#00000000"
                android:gravity="center"
                android:padding="5dp"
                android:text="框"

                android:textColor="@color/black"
                android:textSize="80px"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/choice_2b"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_margin="15dp"
                android:background="#00000000"
                android:gravity="center"
                android:padding="5dp"
                android:text="刚"
                android:textColor="@color/black"
                android:textSize="80px"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/choice_2c"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_margin="15dp"
                android:background="#00000000"
                android:gravity="center"
                android:paddingHorizontal="5dp"
                android:text="筐"
                android:textColor="@color/black"
                android:textSize="80px"
                android:textStyle="bold" />
        </TableRow>

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

            <TextView
                android:id="@+id/choice_2d"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_margin="15dp"
                android:background="#00000000"
                android:gravity="center"
                android:paddingVertical="5dp"
                android:text="扛"
                android:textColor="@color/black"
                android:textSize="80px"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/choice_2e"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_margin="15dp"
                android:background="#00000000"
                android:gravity="center"
                android:paddingVertical="5dp"
                android:text="亢"
                android:textColor="@color/black"
                android:textSize="80px"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/choice_2f"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_margin="15dp"
                android:background="#00000000"
                android:gravity="center"
                android:paddingVertical="5dp"
                android:text="眶"
                android:textColor="@color/black"
                android:textSize="80px"
                android:textStyle="bold" />
        </TableRow>

    </TableLayout>
</RelativeLayout>

 整个效果：

bdy_y9
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android程序源码--表格框架布局
01-02
Android程序源码--表格框架布局， 表格框架布局Android程序源码
【Android Studio】布局管理TableLayout,TableRow实例
gelly_的博客
07-15 1281
在一个Android应用程序中，用户界面通过View和ViewGroup对象构建。布局方式是指一组View元素如何布局，准确地说是一个ViewGroup中包含的一些View如何布局。这里介绍的View的布局方式的类都直接或间接继承自ViewGroup类，如图。使用TableLayout（表格布局管理器）、TableRow（表格行布局管理器）创建一个简单的Android应用。其实，所有的布局方式都可以归类为ViewGroup的5个类别，即ViewGroup的5个直接子类。其他的一些布局都扩展自这5个类。
前端的一些3D旋转效果和实例——table切换
最新发布
qq_51321722的博客
04-20 356
1、translate(x,y) 2D的设置移动距离，x表示沿x轴的距离，y表示沿y轴的距离（y轴是向下为正）不写代表0。5、skew(x-angle,y-angle) 定义沿着 X 和 Y 轴的 2D 倾斜转换。3、scale(x,y) 元素缩放，是比例，省略y时，会默认y跟x相同。rotate3d(x,y,z,angle) 3d旋转。scale3d(x,y,z) 3d效果上的缩放。2、translate3d(x,y,z) 3D的，实例——table切换。
Android studio之TableLayout:表格布局管理器的用法
PPYY3344的博客
03-24 4191
表格布局管理器继承自LinearLayout线性布局管理器，用行、列方式来管理容器内的控件，表格布局不需要指定多少行列，布局内每添加一行TableRow 表示添加一行，然后在TableRow添加子控件，容器的列数由包含列数最多的行决定。 TableLayout 布局文件实例∶ <?xml version="1.0" encoding="utf-8"?><TableLayout xmlns:android="http://schemas.android.com/apk/res/andro
Android Studio开发学习（六）———TableLayout(表格布局)、FrameLayout(帧布局)
m0_73391179的博客
04-07 1850
前面已经学习了平时实际开发中用得较多的线性布局(LinearLayout)与相对布局(RelativeLayout), 其实学完这两个基本就够用了,小编在实际开发中用得比较多的也是这两个,虽说用得不多,但是还是有必要学习一下基本的用法的,说不定哪一天能用得上呢!你说是吧,学多点东西没什么的,又不吃亏！TableLayout(表格布局)一
Android studio （TableLayout 表格和边框颜色改变的方法）
2201_75440944的博客
03-13 698
随着智能手机的不断发展，Android studio学习这门技术也越来越重要，很多人都开启了学习Android的学习，本文就介绍了Android studio（TableLayout）的基础内容。本文简单介绍了TableLayout的使用，并且解决了边框不显的问题，希望对初学者有所帮助！
Android Studio实现简易计算器（表格布局TableLayout）
08-19
今天，我们将详细介绍如何使用 Android Studio 实现一个简易计算器，使用表格布局 TableLayout 实现用户界面。 Android Studio 简介 Android Studio 是 Google 官方推出的 Android 应用程序开发环境，于 2013 年...
Android基础窗口界面之表格布局源代码TableLayout
03-16
TableLayout 将子元素的位置分配到行或列中。一个TableLayout 由许多的TableRow 组成，每个TableRow 都会定义一个 row （事实上，你可以定义其它的子对象，这在下面会解释到）。TableLayout 容器不会显示row 、...
Android 表格布局TableLayout示例详解
09-01
在Android开发中，TableLayout是一种常用的布局方式，它允许开发者以表格的形式组织UI元素，尤其适合展示数据或者创建表单。下面将详细讲解TableLayout的关键特性和使用方法。 TableLayout的核心在于其以行列的方式...
Android布局之表格布局TableLayout详解
08-29
Android 布局之表格布局 TableLayout 详解 Android 中的表格布局 TableLayout 是一种常用的布局方式，它可以按照行列的形式管理子控件，每一行为一个 TableRow 对象。下面将对 TableLayout 的用法和属性进行详细的...
Android布局之GridLayout(网格布局的使用)
weixin_52942787的博客
08-15 387
常用方法 android:orientation 设置水平显示还是垂直显示 线性布局也有这个属性 android:columnCount 设置行的显示个数 android:rowCount 设置列的显示个数 子控件属性 android:layout_column 显示在第几列 android:layout_columnSpan 横向跨几列 android:layout_columnWeight 横向剩余控件分配方式 android:layout_gravity 在网格中的显示位置
移动应用开发之路 03 Android Studio 6种布局介绍、实战详解
如果没有躺赢的命，那就站起来奔跑，你的努力一定会对得起这一路的颠沛流离。
10-11 7734
内容主要包括布局介绍和实战两部分。 布局介绍简单概括了线性布局、相对布局、帧布局、表格布局、网格布局、约束布局等6种布局的特性。 实战包括实践了解布局的属性参数以及完成一个小项目。
Android Studio应用基础，手把手教你从入门到精通（小白学习）总结2 之 常用界面布局和ListView
CV在读
08-30 4376
Android studio小白使用手册系列二来啦，系列一链接见文内详情
Android Studio代码笔记07.表格布局和网络布局
weixin_44664660的博客
04-22 625
07.表格布局和网络布局 表格布局，一行类似线性布局管理器的一行 内部就是用linerlayout实现的 水平的一行 android:shrinkColumns=“1,2” 定义哪些列可以伸缩 android:collapseColumns=“1” 隐藏列 android:stretchColumns=“1” 伸缩列 利用表格布局管理器实现计算器的代码 <?xml version="1...
Android常用布局之RelativeLayout（相对布局）
qq_62277763的博客
01-02 2250
Android常用布局之RelativeLayout（相对布局） 相对布局（RelativeLayout）是一种根据父容器和兄弟控件作为参照来确定控件位置的布局方式。
layout_alignParentBottom 说明
骑大马挎大刀
11-16 4227
align：对齐 parent：容器 layout_alignParentBottom="true" //容器中底部 layout_alignParentLeft="true" //容器中居左 layout_alignParentRight="true" //容器中居右 不要ActionBar可以在AndroidManifest.xml文件设置 <application ..................... android:theme="@style/Theme
android基本布局-TableLayout_表格布局
m0_59586434的博客
03-21 8929
android基本布局-TableLayout_表格布局
Android Studio怎么定义表格,Android Studio实现简易计算器（表格布局TableLayout）
weixin_34353619的博客
05-27 1654
这是一个运用网格布局来做的简易计算器，可能没有那么美观，大家可以继续完善首先先看看成果吧首先先建一个新的Project Calculator然后先编写颜色背景文件创建一个gray.xml，哪里创建呢？如图在drawable下右击，选择new–Drawable resource file第一个是文件名字，第二个属性可以自己选择，我们这里前两个文件选择shape，第三个文件选selector，附上颜色...
Android学习|布局——TableLayout 表格布局
weixin_52551903的博客
02-24 8711
Android学习|布局——TableLayout 表格布局一、概述二、常见属性4、子控件设置属性 一、概述 TableLayout ：即表格布局。 当TableLayout下面写控件、则控件占据一行的大小。(自适应一行，不留空白) 但是，想要多个组件占据一行，则配合TableRow实现 二、常见属性 1、android:collapseColumns：设置需要被隐藏的列的序号，从o开始 2、android:stretchColumns：设置允许被拉伸的列的列序号，从o开始 3、android:shrin
android studio用表格布局
10-13
要使用表格布局（TableLayout）来设计 Android 应用程序的界面，可以按照以下步骤进行操作： 1. 在 XML 布局文件中添加 TableLayout 标签。 2. 在 TableLayout 标签中添加 TableRow 标签，用于表示表格的行。 3. 在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值