?
目錄
?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-589228.html
1.打開(kāi)android studio軟件
?2.新建empty activity
3.看個(gè)人配置填(finish)
?4.左側(cè)找到res->layout(頁(yè)面布局)
?5.先設(shè)置頁(yè)面布局,這里采用線性布局
?7.設(shè)置頭文本??? --文本展示標(biāo)簽
?8.用戶名與密碼--可編輯文本標(biāo)簽
9.提交按鈕
10.整體代碼
1.打開(kāi)android studio軟件
?2.新建empty activity
3.看個(gè)人配置填(finish)
?4.左側(cè)找到res->layout(頁(yè)面布局)
?
?5.先設(shè)置頁(yè)面布局,這里采用線性布局
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
</LinearLayout>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="#e5e4e2">
</LinearLayout>
android:layout_width=""的使用方法
android:layout_width
是控件在水平方向上的布局參數(shù),其屬性值包括match_parent
、wrap_content
和具體的數(shù)值。其中,match_parent
表示控件的寬度與其父容器的寬度相同,充滿整個(gè)父容器;而wrap_content
表示控件的寬度會(huì)根據(jù)其內(nèi)部?jī)?nèi)容的寬度自適應(yīng)調(diào)整,即控件的寬度由其內(nèi)部的內(nèi)容而定。兩者的區(qū)別在于,match_parent
會(huì)讓控件的寬度填充滿父容器,而wrap_content
則會(huì)讓控件的寬度自適應(yīng)其內(nèi)部的內(nèi)容寬度。同時(shí),也可以通過(guò)設(shè)置具體的數(shù)值來(lái)控制控件的寬度,如android:layout_width="100dp"
表示控件的寬度為100dp
。
android:orientation=""的使用方法
android:orientation
是指控件中子視圖排列的方向。具體來(lái)說(shuō),它可以用于控制線性布局(LinearLayout)中子視圖的排列方式,有兩個(gè)可選值:horizontal
和vertical
。
android:orientation="horizontal"
表示子視圖水平排列,即從左到右依次排列。android:orientation="vertical"
表示子視圖垂直排列,即從上到下依次排列
?android:background=""的使用方法
?設(shè)置背景,可填入需要顏色的16進(jìn)制
?7.設(shè)置頭文本??? <TextView></TextView>--文本展示標(biāo)簽
<TextView
android:layout_width="match_parent"
android:layout_height="76dp"
android:text=" MILK商城登陸"
android:textColor="#ffd700"
android:textSize="30sp"
android:textStyle="bold"
android:layout_marginTop="150dp"
></TextView>
??????? android:textColor="" --文字顏色
??????? android:textSize=""--文字大小
??????? android:textStyle=""--文字樣式 bold粗體字
??????? android:layout_marginTop="150dp" --與上部距離隔開(kāi)150dp長(zhǎng)度
?8.用戶名與密碼<EditText></EditText>--可編輯文本標(biāo)簽
<EditText
android:id="@+id/user"
android:layout_width="411dp"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:hint="用戶名"
android:layout_marginTop="50dp"
android:textAlignment="center"
>
</EditText>
<EditText
android:id="@+id/password"
android:layout_width="411dp"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:hint="密碼"
android:textAlignment="center"
>
</EditText>
?android:hint=""--提示輸入文本
?android:textAlignment="center"--文字排列 居中
android:id="@+id/"--設(shè)置id
9.提交按鈕
?
<Button
android:id="@+id/button3"
android:layout_width="278dp"
android:layout_height="59dp"
android:layout_gravity="center"
android:text="登陸"
android:layout_marginTop="20dp"
/>
?android:layout_gravity="center" --設(shè)置標(biāo)簽位置
?android:text="登陸" --標(biāo)簽內(nèi)文本
10.整體代碼
文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-589228.html
?
<?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:orientation="vertical"
android:background="#e5e4e2">
<TextView
android:layout_width="match_parent"
android:layout_height="76dp"
android:text=" MILK商城登陸"
android:textColor="#ffd700"
android:textSize="30sp"
android:textStyle="bold"
android:layout_marginTop="150dp"
></TextView>
<EditText
android:id="@+id/user"
android:layout_width="411dp"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:hint="用戶名"
android:layout_marginTop="50dp"
android:textAlignment="center"
>
</EditText>
<EditText
android:id="@+id/password"
android:layout_width="411dp"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:hint="密碼"
android:textAlignment="center"
>
</EditText>
<Button
android:id="@+id/button3"
android:layout_width="278dp"
android:layout_height="59dp"
android:layout_gravity="center"
android:text="登陸"
android:layout_marginTop="20dp"
/>
</LinearLayout>
到了這里,關(guān)于Android實(shí)現(xiàn)簡(jiǎn)單的登陸頁(yè)面(最新版2023詳細(xì)圖文教程的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!