• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

Android学习之路——Day1(使用LinearLayout实现微信底部以及微信登录界面)

互联网 diligentman 2天前 2次浏览

LinearLayout的介绍:

https://blog.csdn.net/YoNow/article/details/117672856

LineraLayout实现微信底部

Android学习之路——Day1(使用LinearLayout实现微信底部以及微信登录界面)

 使用四个LineraLayout来实现(由于图片大小没找的太好,所以看起来有点丑)

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:orientation="vertical"
    android:layout_gravity="bottom">

    <LinearLayout
        android:layout_width="match_parent"
        android:orientation="horizontal"
        android:layout_height="45dp">
        <ImageView
            android:layout_width="10dp"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:background="@drawable/wechat"
            android:layout_weight="1">
        </ImageView>
        <ImageView
            android:layout_width="10dp"
            android:layout_height="match_parent"
            android:background="@drawable/tel"
            android:layout_weight="1">
        </ImageView>
        <ImageView
            android:layout_width="10dp"
            android:layout_height="match_parent"
            android:background="@drawable/find"
            android:layout_weight="1">
        </ImageView>
        <ImageView
            android:layout_width="10dp"
            android:layout_height="match_parent"
            android:background="@drawable/me"
            android:layout_weight="1">
        </ImageView>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:orientation="horizontal"
        android:layout_height="15dp">
        <TextView
            android:layout_width="40dp"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="微信"
            android:layout_weight="1">
        </TextView>
        <TextView
            android:layout_width="40dp"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="通讯录"
            android:layout_weight="1">
        </TextView>
        <TextView
            android:layout_width="40dp"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="发现"
            android:layout_weight="1">
        </TextView>
        <TextView
            android:layout_width="40dp"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="我"
            android:layout_weight="1">
        </TextView>
    </LinearLayout>
</LinearLayout>


</LinearLayout>

LineraLayout实现微信UI登录 

<?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:layout_width="match_parent"
    android:orientation="vertical"
    android:layout_height="match_parent"
    tools:context=".MainActivity2">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="微信号/QQ/邮箱登录"
            android:textColor="#000000"
            android:layout_marginLeft="35dp"
            android:textSize="28sp">
        </TextView>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginTop="25dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="账号"
            android:textSize="18sp"
            android:textColor="#000000"
            android:layout_weight="1"
            android:layout_marginLeft="25dp">
        </TextView>
        <EditText
            android:layout_marginLeft="35dp"
            android:layout_width="300dp"
            android:layout_weight="1"
            android:hint="请填写微信号/QQ号/邮箱"
            android:layout_height="wrap_content">

        </EditText>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginTop="15dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="密码"
            android:textSize="18sp"
            android:layout_marginLeft="25dp"
            android:layout_weight="1"
            android:textColor="#000000">
        </TextView>
        <EditText
            android:layout_width="300dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="35dp"
            android:hint="请填写密码"
            android:layout_weight="1">
        </EditText>
    </LinearLayout>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#7D8BA8"
            android:text="使用手机号登录"
            android:layout_marginLeft="25dp">
        </TextView>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp">
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="登录">

        </Button>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginTop="250dp"
        android:layout_gravity="bottom">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="right"
            android:layout_weight="1"
            android:text="找回密码">
        </TextView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_weight="1"
            android:text="紧急冻结">
        </TextView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:layout_weight="1"
            android:text="微信安全中心"></TextView>
    </LinearLayout>

</LinearLayout>

Android学习之路——Day1(使用LinearLayout实现微信底部以及微信登录界面) 

虽然简单实现了仿写微信登录的功能,但是还是存在一些问题,Android学习之路——Day1(使用LinearLayout实现微信底部以及微信登录界面)不是很方便的移到最底部。只是由于线性布局的局限性导致的。

 

 


喜欢 (0)