android实现 vertical_horina...布局

最新推荐文章于 2021-05-26 02:19:21 发布

静山晚风

最新推荐文章于 2021-05-26 02:19:21 发布

阅读量981

点赞数

CC 4.0 BY-SA版权

分类专栏： Android

本文链接：https://blog.youkuaiyun.com/cgwcgw_/article/details/13017827

Android 专栏收录该内容

131 篇文章

订阅专栏

本文介绍了一个具体的Android应用程序UI布局实例，展示了如何使用LinearLayout、TableLayout、ScrollView等组件构建界面，并通过ImageView和TextView添加图标与文本。

<?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="#ffffff"
    android:gravity="center"
    android:orientation="vertical" >

    <TableLayout
        android:id="@+id/rl_titlebar"
        android:layout_width="match_parent"
        android:layout_height="40dip"
        android:background="@drawable/top_bar_bg" >

        <TableRow>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="28dip"
                android:layout_marginLeft="2dip"
                android:gravity="center_vertical"
                android:text="@string/website" />
        </TableRow>
    </TableLayout>

    <ScrollView
        android:id="@+id/ScrollView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="vertical" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" >

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                 android:gravity="center_vertical"
                android:orientation="horizontal" >

              
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/index_search" />
                

                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                     android:gravity="center_vertical"
                    android:orientation="vertical" >
                    <TextView 
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="现在的时间"
                        android:textSize="28px"
                        />
                    <TextView 
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="天气真的不错"
                        android:textSize="18px"
                        />
                </LinearLayout>

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:gravity="center_vertical"
                    android:orientation="vertical" >
                    
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/home_index_arrow" />
                    
                </LinearLayout>
            </LinearLayout>
        </LinearLayout>
    </ScrollView>

</LinearLayout>

效果