**android studio 编写淘宝界面## 标题**

下面是本人写的一个页面布局,作者是一个小白,如果有错误,请见谅
layout:activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout 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:id="@+id/activity_main"
android:layout_width=“match_parent”
android:layout_height=“match_parent”
android:paddingBottom=“0dp”
android:paddingLeft=“0dp”
android:paddingRight=“0dp”
android:paddingTop=“0dp”

tools:context="com.example.administrator.taobao.MainActivity"
android:weightSum="1"
android:orientation="vertical"
>
 
<LinearLayout
    android:orientation="horizontal"
    android:layout_width="wrap_content"
    android:layout_height="50dp"
    >
    <ImageButton

        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="@mipmap/saoyisao"/>

    <EditText
        android:layout_width="283dp"
        android:layout_height="50dp"
        android:background="@mipmap/shousuokuang"

/>

    <Button
        android:layout_width="50dp"
        android:layout_height="52dp"
        android:background="@mipmap/huiyuanma"
        android:id="@+id/button1" />

</LinearLayout>



<LinearLayout

    android:layout_width="wrap_content"
    android:layout_height="50dp"
    android:layout_weight="0.05"
    android:background="@mipmap/lunbotu">

</LinearLayout>

<TableLayout

    android:layout_width="382dp"
    android:layout_height="75dp"
    android:orientation="horizontal"

    >

   <TableRow
       android:orientation="horizontal"
       android:layout_width="382dp"
       android:layout_height="75dp"
       >
       <ImageButton
           android:layout_width="wrap_content"
           android:layout_height="75dp"
           app:srcCompat="@mipmap/yi"
           android:id="@+id/imageButton1"
           android:layout_weight="1" />

       <ImageButton
           android:layout_width="wrap_content"
           android:layout_height="75dp"
           app:srcCompat="@mipmap/er"
           android:id="@+id/imageButton2"
           android:layout_weight="1" />




       <ImageButton
           android:layout_width="wrap_content"
           android:layout_height="75dp"
           app:srcCompat="@mipmap/san"
           android:id="@+id/imageButton3"
           android:layout_weight="1" />



       <ImageButton
           android:layout_width="wrap_content"
           android:layout_height="75dp"
           app:srcCompat="@mipmap/si"
           android:id="@+id/imageButton4"
           android:layout_weight="1" />
       <ImageButton
           android:layout_width="wrap_content"
           android:layout_height="75dp"
           app:srcCompat="@mipmap/wu"
           android:id="@+id/imageButton5"
           android:layout_weight="1" />

   </TableRow>

</TableLayout>




<TableLayout
    android:layout_width="382dp"
    android:layout_height="75dp"
    android:orientation="horizontal">
    <TableRow
        android:orientation="horizontal"
        android:layout_width="382dp"
        android:layout_height="75dp">
        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="75dp"
            app:srcCompat="@mipmap/six"
            android:id="@+id/imageButton6"
            android:layout_weight="1" />
        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="75dp"
            app:srcCompat="@mipmap/seven"
            android:id="@+id/imageButton7"
            android:layout_weight="1" />
        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="75dp"
            app:srcCompat="@mipmap/eight"
            android:id="@+id/imageButton8"
            android:layout_weight="1" />
        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="75dp"
            app:srcCompat="@mipmap/nine"
            android:id="@+id/imageButton9"
            android:layout_weight="1" />
        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="75dp"
            app:srcCompat="@mipmap/ten"
            android:id="@+id/imageButton10"
            android:layout_weight="1" />
    </TableRow>


</TableLayout>


<TextView
    android:id="@+id/txt"
    android:layout_width="400dp"
    android:layout_height="30dp"
    android:textSize="20sp"

    android:paddingLeft="35dp"
    android:paddingRight="15dp"
    android:layout_above="@+id/search"
    android:layout_centerHorizontal="true"
    android:layout_marginBottom="30dp"

    android:ellipsize="marquee"
    android:marqueeRepeatLimit="marquee_forever"
    android:singleLine="true"
    android:focusable="true"
    android:focusableInTouchMode="true"
    android:scrollHorizontally="true"
    android:text="李志豪"
    android:background="@mipmap/taobaptoutiao"


    android:textColor="#ffffffff"/>

<TableLayout
    android:layout_width="match_parent"
    android:layout_height="145dp"
    android:background="@color/myColor">

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

        <ImageButton
            android:layout_width="150dp"
            android:layout_height="75dp"
            android:background="@mipmap/siggekuangyi"
            android:layout_marginLeft="42dp"
            android:id="@+id/imageButton" />

        <ImageButton

            android:layout_width="150dp"
            android:layout_height="75dp"
            android:layout_marginRight="50dp"
            android:background="@mipmap/sigekuange"

            />
 </TableRow>
    <TableRow
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">

        <ImageButton
            android:layout_width="150dp"
            android:layout_height="75dp"
            android:background="@mipmap/sigekuangsan"
            android:layout_marginLeft="42dp"
            android:id="@+id/imageButton11" />

        <ImageButton

            android:layout_width="150dp"
            android:layout_height="75dp"
            android:layout_marginRight="50dp"
            android:background="@mipmap/sigekuangsi"
            />

    </TableRow>


</TableLayout>
<TableLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <TableRow
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <ImageButton
            android:layout_width="75dp"
            android:layout_height="59dp"
            android:background="@mipmap/wugeanniuyi"

            />

        <ImageButton
            android:layout_width="75dp"
            android:layout_height="59dp"
            android:background="@mipmap/wugeanniue"

            android:id="@+id/imageButton12" />

        <ImageButton
            android:layout_width="75dp"
            android:layout_height="59dp"
            android:background="@mipmap/wugeanniusan"

            />
        <ImageButton
            android:layout_width="75dp"
            android:layout_height="59dp"
            android:background="@mipmap/wugeanniusi"

            />
        <ImageButton
            android:layout_width="75dp"
            android:layout_height="59dp"
            android:background="@mipmap/wugeanniuwu"

            />


    </TableRow>


</TableLayout>

界面效果如下:

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_42478780/article/details/88963215
今日推荐