android布局之属性理解--类比div布局

最新推荐文章于 2025-07-06 02:13:18 发布

allenlee

最新推荐文章于 2025-07-06 02:13:18 发布

阅读量3.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： android 文章标签： android layout encoding 手机 div

本文链接：https://blog.youkuaiyun.com/FastThinking/article/details/7325166

android 专栏收录该内容

74 篇文章

订阅专栏

本文详细介绍了在Android布局设计中使用TableLayout和TableRow的基本思路和步骤，通过实例展示了如何在最外层建立布局容器，依次嵌套视图容器，并设置父子视图之间的关系，最终实现特定的视图布局效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

布局思路和步骤

1.在最外层建一个layout视图容器

2.在依次嵌套视图容器（为了设置父子视图之间的视图关系），最后放入视图控件

<?xml version="1.0" encoding="utf-8"?>
<TableLayout --最外层必须有一个layout视图
android:id="@+id/widget49"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
xmlns:android="http://schemas.android.com/apk/res/android">
<TableRow
android:id="@+id/widget51"
android:layout_width="wrap_content "
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center"
android:layout_gravity="center_horizontal">
<LinearLayout
android:id="@+id/widget54"
android:layout_width="160dp"--宽分为320dp,160dp表示手机宽的一半。不明白设计时为什么不用百分比
android:layout_height="wrap_content"
android:orientation="vertical"--每行只显示一个视图控件
android:gravity="right">
<ImageView
android:id="@+id/widget55"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/img1"
android:layout_gravity="center" />--当前视图控件在父视图控件中的位置，居中显示
<TextView
android:id="@+id/widget59"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:layout_gravity="center" />--当前视图控件在父视图控件中的位置，居中显示
</LinearLayout>
<LinearLayout
android:id="@+id/widget56"
android:layout_width="160dp"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center">
<ImageView
android:id="@+id/widget57"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/img1"
android:layout_gravity="center_horizontal" />
<TextView
android:id="@+id/widget58"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:layout_gravity="center_horizontal" />
</LinearLayout>
</TableRow>
</TableLayout>