欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android實(shí)現(xiàn)登錄注冊(cè)頁(yè)面(上)

 更新時(shí)間：2022年04月24日 09:34:43   作者：糖心荷包蛋°  
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)登錄注冊(cè)頁(yè)面，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

簡(jiǎn)單的Android開發(fā)登錄注冊(cè)，這個(gè)是沒有連數(shù)據(jù)庫(kù)的。

首先，新建項(xiàng)目，新建一個(gè)登錄頁(yè)面LoginActivity和注冊(cè)頁(yè)面RegisterActivity。

下面是登錄頁(yè)面的代碼:activity_login.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:layout_width="match_parent"
? ? android:layout_height="match_parent"
? ? android:orientation="vertical"
? ? tools:context=".LoginActivity">
? ? <LinearLayout
? ? ? ? android:layout_width="match_parent"
? ? ? ? android:layout_height="wrap_content"
? ? ? ? android:orientation="horizontal"
? ? ? ? android:layout_marginLeft="20dp"
? ? ? ? android:layout_marginRight="20dp"
? ? ? ? android:layout_marginTop="20dp"
? ? ? ? android:gravity="center_vertical">
?
? ? ? ? <TextView
? ? ? ? ? ? android:layout_width="wrap_content"
? ? ? ? ? ? android:layout_height="wrap_content"
? ? ? ? ? ? android:text="賬號(hào)："
? ? ? ? ? ? android:textSize="25sp" />
?
? ? ? ? <EditText
? ? ? ? ? ? android:id="@+id/et_account"
? ? ? ? ? ? android:layout_width="match_parent"
? ? ? ? ? ? android:hint="請(qǐng)輸入用戶名或手機(jī)號(hào)"
? ? ? ? ? ? style="@style/MyEditStyle"
? ? ? ? ? ? android:layout_marginLeft="10dp"
? ? ? ? ? ? android:inputType="text"></EditText>
? ? </LinearLayout>
?
? ? <LinearLayout
? ? ? ? android:layout_width="match_parent"
? ? ? ? android:layout_height="wrap_content"
? ? ? ? android:orientation="horizontal"
? ? ? ? android:layout_marginLeft="20dp"
? ? ? ? android:layout_marginRight="20dp"
? ? ? ? android:layout_marginTop="20dp"
? ? ? ? android:gravity="center_vertical">
?
? ? ? ? <TextView
? ? ? ? ? ? android:layout_width="wrap_content"
? ? ? ? ? ? android:layout_height="wrap_content"
? ? ? ? ? ? android:text="密碼："
? ? ? ? ? ? android:textSize="25sp" />
?
? ? ? ? <EditText
? ? ? ? ? ? android:id="@+id/et_password"
? ? ? ? ? ? android:layout_width="match_parent"
? ? ? ? ? ? android:hint="請(qǐng)輸入密碼"
? ? ? ? ? ? style="@style/MyEditStyle"
? ? ? ? ? ? android:layout_marginLeft="10dp"
? ? ? ? ? ? android:inputType="numberPassword"></EditText>
? ? </LinearLayout>
? ? <LinearLayout
? ? ? ? android:layout_width="match_parent"
? ? ? ? android:layout_height="wrap_content"
? ? ? ? android:orientation="horizontal"
? ? ? ? android:gravity="center"
? ? ? ? android:layout_marginTop="20dp"
? ? ? ? android:layout_marginLeft="20dp"
? ? ? ? android:layout_marginRight="20dp"
? ? ? ? >
? ? ? ? <CheckBox
? ? ? ? ? ? android:id="@+id/cb_remember"
? ? ? ? ? ? android:layout_width="wrap_content"
? ? ? ? ? ? android:layout_height="wrap_content"
? ? ? ? ? ? android:text="記住密碼"></CheckBox>
? ? </LinearLayout>
? ? <Button
? ? ? ? android:id="@+id/btn_login"
? ? ? ? android:layout_width="match_parent"
? ? ? ? android:layout_height="wrap_content"
? ? ? ? android:text="登錄"
? ? ? ? style="@style/MyBtnStyle"
? ? ? ? android:layout_marginTop="20dp"
? ? ? ? android:layout_marginLeft="20dp"
? ? ? ? android:layout_marginRight="20dp"></Button>
? ? <TextView
? ? ? ? android:layout_width="wrap_content"
? ? ? ? android:layout_height="wrap_content"
? ? ? ? android:textColor="@color/colorPrimary"
? ? ? ? android:text="還沒有賬號(hào)？"
? ? ? ? android:layout_gravity="right"
? ? ? ? android:layout_marginRight="20dp"
? ? ? ? android:layout_marginTop="10dp"
? ? ? ? android:onClick="toRegister"
? ? ? ? ></TextView>
?
</LinearLayout>

效果如圖：

下面是注冊(cè)頁(yè)面的代碼：activity_register.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:layout_width="match_parent"
? ? android:layout_height="match_parent"
? ? tools:context=".RegisterActivity"
? ? android:orientation="vertical">
?
?
? ? <LinearLayout
? ? ? ? android:layout_width="match_parent"
? ? ? ? android:layout_height="wrap_content"
? ? ? ? android:orientation="horizontal"
? ? ? ? android:layout_marginLeft="20dp"
? ? ? ? android:layout_marginRight="20dp"
? ? ? ? android:layout_marginTop="20dp"
? ? ? ? android:gravity="center_vertical">
?
? ? ? ? <TextView
? ? ? ? ? ? android:layout_width="wrap_content"
? ? ? ? ? ? android:layout_height="wrap_content"
? ? ? ? ? ? android:text="賬&#12288;&#12288;號(hào)："
? ? ? ? ? ? android:textSize="25sp" />
?
? ? ? ? <EditText
? ? ? ? ? ? android:id="@+id/et_account"
? ? ? ? ? ? android:layout_width="match_parent"
? ? ? ? ? ? android:hint="請(qǐng)輸入用戶名或手機(jī)號(hào)"
? ? ? ? ? ? style="@style/MyEditStyle"
? ? ? ? ? ? android:layout_marginLeft="10dp"
? ? ? ? ? ? android:inputType="text"></EditText>
? ? </LinearLayout>
?
? ? <LinearLayout
? ? ? ? android:layout_width="match_parent"
? ? ? ? android:layout_height="wrap_content"
? ? ? ? android:orientation="horizontal"
? ? ? ? android:layout_marginLeft="20dp"
? ? ? ? android:layout_marginRight="20dp"
? ? ? ? android:layout_marginTop="20dp"
? ? ? ? android:gravity="center_vertical">
?
? ? ? ? <TextView
? ? ? ? ? ? android:layout_width="wrap_content"
? ? ? ? ? ? android:layout_height="wrap_content"
? ? ? ? ? ? android:text="密&#12288;&#12288;碼："
? ? ? ? ? ? android:textSize="25sp" />
?
? ? ? ? <EditText
? ? ? ? ? ? android:id="@+id/et_password"
? ? ? ? ? ? android:layout_width="match_parent"
? ? ? ? ? ? android:hint="請(qǐng)輸入密碼"
? ? ? ? ? ? style="@style/MyEditStyle"
? ? ? ? ? ? android:layout_marginLeft="10dp"
? ? ? ? ? ? android:inputType="numberPassword"></EditText>
? ? </LinearLayout>
?
? ? <LinearLayout
? ? ? ? android:layout_width="match_parent"
? ? ? ? android:layout_height="wrap_content"
? ? ? ? android:orientation="horizontal"
? ? ? ? android:layout_marginLeft="20dp"
? ? ? ? android:layout_marginRight="20dp"
? ? ? ? android:layout_marginTop="20dp"
? ? ? ? android:gravity="center_vertical">
?
? ? ? ? <TextView
? ? ? ? ? ? android:layout_width="wrap_content"
? ? ? ? ? ? android:layout_height="wrap_content"
? ? ? ? ? ? android:text="確認(rèn)密碼："
? ? ? ? ? ? android:textSize="25sp" />
?
? ? ? ? <EditText
? ? ? ? ? ? android:id="@+id/et_password_Confirm"
? ? ? ? ? ? android:layout_width="match_parent"
? ? ? ? ? ? android:hint="請(qǐng)?jiān)俅屋斎朊艽a"
? ? ? ? ? ? style="@style/MyEditStyle"
? ? ? ? ? ? android:layout_marginLeft="10dp"
? ? ? ? ? ? android:inputType="numberPassword"></EditText>
? ? </LinearLayout>
?
? ? <Button
? ? ? ? android:id="@+id/btn_register"
? ? ? ? android:layout_width="match_parent"
? ? ? ? android:layout_height="wrap_content"
? ? ? ? android:text="注冊(cè)"
? ? ? ? style="@style/MyBtnStyle"
? ? ? ? android:layout_marginTop="20dp"
? ? ? ? android:layout_marginLeft="20dp"
? ? ? ? android:layout_marginRight="20dp"></Button>
?
? ? <CheckBox
? ? ? ? android:id="@+id/cb_agree"
? ? ? ? android:layout_width="wrap_content"
? ? ? ? android:layout_height="wrap_content"
? ? ? ? android:textColor="@color/colorPrimary"
? ? ? ? android:text="還沒有賬號(hào)？"
? ? ? ? android:layout_marginRight="20dp"
? ? ? ? android:layout_marginTop="10dp"></CheckBox>
?
</LinearLayout>

效果如圖：

最后，在LoginActivity.java中，加入一串代碼：getSupportActionBar().setTitle("登錄");

在RegisterActivity.java中，加入一串代碼：getSupportActionBar().setTitle("注冊(cè)");

public class LoginActivity extends AppCompatActivity {
?
? ? public static final int REQUEST_CODE_REGISTER = 1;
? ? private static final String TAG="tag";
? ? private Button btnLogin;
? ? private EditText etAccount,etPassword;
? ? private CheckBox cbRemember;
? ? private String userName="a";
? ? private String pass="123";
?
? ? @Override
? ? protected void onCreate(Bundle savedInstanceState) {
? ? ? ? super.onCreate(savedInstanceState);
? ? ? ? setContentView(R.layout.activity_login);
? ? ? ? getSupportActionBar().setTitle("登錄");
? ? ?}
}

上面的代碼是LoginActivity.java中的代碼，其實(shí)要添加的只有一句，其他都寫出來是為了讓讀者能看懂，具體寫在哪里。這段代碼的作用是： 使標(biāo)題欄那邊顯示的文字是登錄/注冊(cè)，而不是一串默認(rèn)的英文

下面兩張圖片，左邊是未添加代碼的效果，右邊是添加代碼后的效果

寫到這里，頁(yè)面整體布局大致完成了，下面，你們需要添加部分細(xì)節(jié)，來使得顏色和樣式跟我一致。我在上面的xml文件代碼中，有下面這個(gè)代碼：

style="@style/MyEditStyle"和style="@style/MyBtnStyle"

你們?cè)谇懊鎸懙臅r(shí)候，可能會(huì)報(bào)錯(cuò)，很正常，因?yàn)檫@是引用控件樣式的代碼，你們需要設(shè)置一下這個(gè)樣式，然后引用，就不會(huì)報(bào)錯(cuò)啦。

這是設(shè)置EditText和Button控件的樣式，首先新建style.xml文件。在values中右鍵，New--Values Resource File，文件名為style。在style.xml文件中，寫如下代碼：

<?xml version="1.0" encoding="utf-8"?>
<resources>
?
? ? <style name="MyBtnStyle">
? ? ? ? <item name="android:textColor">@color/white</item>
? ? ? ? <item name="android:textSize">25sp</item>
? ? ? ? <item name="android:background">@drawable/btn_bg_selector</item>
? ? ? ? <item name="android:layout_marginTop">20dp</item>
? ? ? ? <item name="android:layout_marginRight">20dp</item>
? ? ? ? <item name="android:layout_marginLeft">20dp</item>
? ? </style>
?
? ? <style name="MyEditStyle">
? ? ? ? <item name="android:textSize">18sp</item>
? ? ? ? <item name="android:background">@drawable/edit_text_bg</item>
? ? ? ? <item name="android:paddingLeft">10dp</item>
? ? ? ? <item name="android:layout_height">50dp</item>
? ? </style>
?
</resources>

這里面又引用了樣式，是設(shè)置輸入框的邊框和按鈕的背景顏色。繼續(xù)下面的步驟：drawable右鍵--New--Drawable Resource File，文件名為：btn_bg_selector，代碼如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
? ? <item android:state_pressed="true" android:drawable="@color/colorPrimary"></item>
? ? <item android:state_pressed="false" android:drawable="@color/colorPrimaryDark"></item>
?
</selector>

drawable右鍵--New--Drawable Resource File，文件名為：edit_text_bg，代碼如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
? ? android:shape="rectangle"
? ? >
?
? ? <stroke android:width="2dp" android:color="@color/colorPrimary"></stroke>
? ? <corners android:radius="10dp"></corners>
?
</shape>

最后，再調(diào)整一下導(dǎo)航欄和標(biāo)題欄的顏色，就OK啦

colors.xml文件中，添加綠色這個(gè)顏色，如下代碼，

<color name="colorPrimary">@color/green_500</color>
? ? <color name="colorPrimaryDark">@color/green_700</color>
? ? <color name="colorAccent">#E64A19</color>
?
? ? <color name="green_200">#A5D6A7</color>
? ? <color name="green_500">#4CAF50</color>
<color name="green_700">#4CAF50</color>

themes.xml文件中，只需要修改前兩個(gè)item的內(nèi)容，其他代碼是為了你們參照一下位置，別改錯(cuò)了。代碼如下：

<resources xmlns:tools="http://schemas.android.com/tools">
? ? <!-- Base application theme. -->
? ? <style name="Theme.TraditionalCulture" parent="Theme.MaterialComponents.DayNight.DarkActionBar.Bridge">
? ? ? ? <!-- Primary brand color. -->
? ? ? ? <item name="colorPrimary">@color/colorPrimary</item>
? ? ? ? <item name="colorPrimaryVariant">@color/colorPrimaryDark</item>
? ? ? ? <item name="colorOnPrimary">@color/white</item>
? ? ? ? <item name="colorAccent">@color/colorAccent</item>
? ? ? ? <!-- Secondary brand color. -->
? ? ? ? <item name="colorSecondary">@color/teal_200</item>
? ? ? ? <item name="colorSecondaryVariant">@color/teal_700</item>
? ? ? ? <item name="colorOnSecondary">@color/black</item>
? ? ? ? <!-- Status bar color. -->
? ? ? ? <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
? ? ? ? <!-- Customize your theme here. -->
? ? </style>
</resources>

到這里，你的登錄注冊(cè)頁(yè)面就完成啦！

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論