您的位置:首页 > 产品设计 > UI/UE

UI界面--多种布局方式实现的工具栏

2016-09-15 19:32 288 查看
 代码:

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/tableLayout1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/zhongqiu"
android:padding="10px">

<!--第一行-->
<TableRow
android:id="@+id/tableRow1"
android:layout_width="fill_parent"
android:layout_weight="1">
<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="1"
android:background="@android:drawable/presence_online">
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/textView1"
android:gravity="center"
android:text="2016年9月15日"
android:textSize="12pt"/>
</LinearLayout>
<LinearLayout
android:id="@+id/linearLayout2"
android:layout_height="fill_parent"
android:layout_weight="1"
android:padding="40px">
<ImageView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:id="@+id/image1"
android:src="@drawable/suotou"
android:layout_weight="1"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="1"
android:layout_marginLeft="50px"
android:src="@drawable/dunpai"
android:id="@+id/image2" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="1"
android:layout_marginLeft="50px"
android:src="@drawable/dao"
android:id="@+id/image3" />
</LinearLayout>
</TableRow>

<!--第二行-->
<TableRow
android:id="@+id/tableRow2"
android:layout_width="fill_parent"
android:layout_weight="1">
<LinearLayout
android:id="@+id/linearLayout3"
android:layout_height="fill_parent"
android:layout_weight="1"
android:padding="40px">
<ImageView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:src="@drawable/wangluo"
android:layout_weight="1"
android:id="@+id/image4"/>

<ImageView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="1"
android:id="@+id/image5"
android:src="@drawable/wendang"
android:layout_marginLeft="40px"/>

<ImageView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="1"
android:id="@+id/image6"
android:src="@drawable/naozhong"
android:layout_marginLeft="40px"/>
</LinearLayout>

<LinearLayout
android:id="@+id/linearLayout4"
android:layout_height="fill_parent"
android:layout_weight="1">

<ImageView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="1"
android:layout_margin="40px"
android:id="@+id/image7"
android:src="@drawable/yinyue"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:text="转到音乐"
android:textSize="10pt"
android:layout_gravity="center_horizontal"
android:layout_weight="3"
android:id="@+id/textView2"/>

</LinearLayout>
</TableRow>

<!--第三行-->
<TableRow
android:id="@+id/tableRow3"
android:layout_width="fill_parent"
android:layout_weight="1">
<LinearLayout
android:id="@+id/linearLayout5"
android:layout_height="fill_parent"
android:layout_weight="1"
android:padding="20px">
<ImageView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:src="@drawable/dian"
android:id="@+id/image8"
android:layout_marginLeft="20px"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:text="电子邮件"
android:textSize="15pt"
android:layout_gravity="center_vertical"
android:id="@+id/textView3"
android:layout_marginLeft="20px"/>
</LinearLayout>
</TableRow>
</TableLayout>


 总结:温故知新
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: