tablelayout 使用

最新推荐文章于 2025-04-16 17:55:06 发布

原创最新推荐文章于 2025-04-16 17:55:06 发布 · 277 阅读

CC 4.0 BY-SA版权

本文展示了一个关于分享和操作功能的UI布局设计方案，详细介绍了使用Android XML进行界面元素的组织方式，包括分享按钮、收藏、举报等功能的位置及样式设置。

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

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:text="@string/post_share_to"
android:textColor="@color/color_757584"
android:textSize="14sp" />

<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content" >

<TableLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >

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

<ImageButton
style="@style/share_style"
android:src="@drawable/share_sina" />

<ImageButton
style="@style/share_style"
android:src="@drawable/share_friend" />

<ImageButton
style="@style/share_style"
android:src="@drawable/share_wechat" />

<ImageButton
style="@style/share_style"
android:src="@drawable/share_qzone" />
</TableRow>

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

<TextView
style="@style/share_style_text"
android:text="新浪微博" />

<TextView
style="@style/share_style_text"
android:text="微信朋友圈" />

<TextView
style="@style/share_style_text"
android:text="微信好友" />

<TextView
style="@style/share_style_text"
android:text="QQ空间" />
</TableRow>
</TableLayout>
</ScrollView>

<View
android:layout_width="match_parent"
android:layout_height="1px"
android:layout_marginBottom="10dp"
android:layout_marginTop="20dp"
android:background="@drawable/new_line" />

<TableLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >

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

<ImageButton
style="@style/share_style"
android:src="@drawable/post_collection" />

<ImageButton
style="@style/share_style"
android:src="@drawable/post_report" />

<ImageButton
style="@style/share_style"
android:src="@drawable/post_delete" />

<ImageButton
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@null"
android:paddingLeft="20dp"
android:paddingRight="20dp"
android:scaleType="centerInside"
android:src="@drawable/share_qzone"
android:visibility="invisible" />
</TableRow>

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

<TextView
style="@style/share_style_text"
android:text="收藏" />

<TextView
style="@style/share_style_text"
android:text="举报" />

<TextView
style="@style/share_style_text"
android:text="删除" />

<TextView
style="@style/share_style_text"
android:text="QQ空间"
android:visibility="invisible" />
</TableRow>
</TableLayout>

</LinearLayout>