安卓學習之簡單的登錄界面01(圓角button,去掉安卓原本的標題)

這次的實現不太好,佈局使用不太準確,而且沒有任何擴展性。

自定義圓角button

這是第一個學到的知識點,首先在Android的模式下在

res下創建一個 Android Source File

然後選擇根節點爲shape,然後就可以編輯xml代碼

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <corners
        android:bottomLeftRadius="20dp"
        android:bottomRightRadius="20dp"
        android:radius="20dp"
        android:topLeftRadius="20dp"
        android:topRightRadius="20dp"
        />
    <solid android:color="@color/colorButton"></solid>
</shape>

防止Edittext的軟鍵盤被彈出去

 在AndroidManifest.xml中選擇自己需要設置的Activity

設置

android:windowSoftInputMode="adjustUnspecified|stateHidden"
<?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:background="@drawable/my"
    android:orientation="vertical"
    tools:context=".MainActivity"
    >
    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_gravity="center"
        android:layout_marginTop="100dp"
        android:src="@mipmap/ic_launcher"
        ></ImageView>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >
        <ImageView
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:src="@drawable/username"
            android:layout_marginTop="50dp"
            android:layout_marginLeft="50dp"
            ></ImageView>
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="60dp"
            android:hint="請輸入用戶名"
            android:textColorHint="@color/colorLine"
            android:textSize="10dp"
            android:layout_marginRight="60dp"
            android:inputType="textPersonName"
            ></EditText>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >
        <ImageView
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:src="@drawable/password"
            android:layout_marginLeft="50dp"
            ></ImageView>
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="請輸入密碼"
            android:textColorHint="@color/colorLine"
            android:textSize="10dp"
            android:layout_marginRight="60dp"
            android:inputType="textPassword"
            android:layout_marginTop="10dp"
            ></EditText>
    </LinearLayout>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="15dp"
        android:text="忘記密碼"
        android:layout_gravity="right"
        android:layout_marginRight="40dp"
        android:textColor="@color/colorLine"
        ></TextView>
    <Button
        android:layout_width="270dp"
        android:layout_height="60dp"
        android:text="登錄"
        android:layout_gravity="center"
        android:layout_marginTop="70dp"
        android:background="@drawable/shape"
        ></Button>
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="100dp"
    android:text="還沒有賬號?點擊創建!"
    android:layout_gravity="center"
    android:textColor="@color/colorLine"
    android:textSize="10dp"
    ></TextView>

</LinearLayout>

去掉安卓的標題

對這一句代碼進行更改

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">

本來代碼最後是DarkActionBar你可以改成上面的代碼,就會去掉了。

效果如圖 圖片可以是圖標

 

發佈了136 篇原創文章 · 獲贊 9 · 訪問量 8077
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章