文章目錄
- Android學習記錄（1）
- 1.Android的相關介紹
- 1.1Android是什么
- 1.2使用工具（Android Studio）
- 1.3Android應用目錄結構
- 2.Android案例（一）
- 3.Android案例（二）
Android學習記錄（1）
本次文章記錄了我第一次開始學習安卓所做出的一些界面，由于是第一次做得到十分美觀的結果，但是也獲得了一些有效的成果，
1.Android的相關介紹
在進行新的學習內容之前，我們需要了解該門課程的一些相關內容
1.1Android是什么
Android是一種基于Linux的開源的作業系統，
主要用于智能設備，如智能手機、平板電腦和智能電視等，
由Google公司領頭開發并推廣，2008年推出第一個版本，
此系統最初由“安卓之父”Andy Rubin(安迪-魯賓)開發(2003年)，
1.2使用工具（Android Studio）
Android Studio 是谷歌推出的一個Android集成開發工具，基于IntelliJ IDEA. 類似 Eclipse ADT，Android Studio 提供了集成的 Android 開發工具用于開發和除錯，
在Android Studio中我們一共包含三種視圖，分別是Project視圖、Package視圖和Android視圖，
1.Android視圖
2.Project視圖
3.Packags視圖
1.3Android應用目錄結構
在Android視圖查看安卓應用目錄結構，有manifests、java和res三個重要目錄，其中manifests為專案清單目錄，java為JAVA源程式目錄，res為資源目錄，
2.Android案例（一）
再通過對所學習知識有了初步了解后，我打算通過制作一個案例來進行更加深層次的學習，
為了更加了解線性布局的使用方法，我便使用入門級的線性布局的方法完成了第一個任務，
完成效果如圖所示：
完成思路：首先，為了達到該效果，我將整體劃分為兩個部分，首先在第一部分我將圖片設定為上半部分的背景，在第二部分，我使用了另一個線性布局，并在其中插入了兩個文本框并設定圓角矩形，以及一個按鈕，
相關檔案主要代碼如下：
1.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:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/background"
android:gravity="center"
android:orientation="horizontal">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/bluelogo"
android:layout_gravity="bottom" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="2"
android:background="#c0c0c0"
android:gravity="center"
android:orientation="vertical">
<EditText
android:id="@+id/editText01"
android:layout_width="380dp"
android:layout_height="wrap_content"
android:layout_marginTop="12dp"
android:height="8dp"
android:background="@drawable/editsharp"
android:drawableLeft="@drawable/logo3"
android:drawablePadding="10dp"
android:ems="5"
android:inputType="textImeMultiLine"
android:lines="2"
android:scrollbarStyle="outsideOverlay"
android:scrollbars="vertical"
android:text="@string/username"
android:textColor="#708090" />
<EditText
android:id="@+id/editText02"
android:layout_width="380dp"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:height="8dp"
android:background="@drawable/editsharp"
android:drawableLeft="@drawable/logo4"
android:drawablePadding="10dp"
android:ems="5"
android:inputType="textImeMultiLine"
android:lines="2"
android:paddingTop="1dp"
android:scrollbarStyle="outsideOverlay"
android:scrollbars="vertical"
android:text="@string/password"
android:textColor="#708090" />
<Button
android:layout_width="380dp"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:id="@+id/btnLogin"
android:layout_gravity="center"
android:text="登錄"
android:textColor="@color/white"
android:background="#330066"/>
</LinearLayout>
</LinearLayout>
2.圓角矩形實作代碼：
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<!--<gradient
android:angle="45"
android:endColor="#cccccc"
android:startColor="#cccccc"/>-->
<padding
android:bottom="7dp"
android:left="7dp"
android:right="7dp"
android:top="7dp"/>
<!--設定圓角矩形-->
<corners android:radius="3dp"/>
<stroke
android:color="@color/white"
android:width="25px"/>
<solid android:color="@color/white"/>
</shape>
3.Android案例（二）
在進行線性布局的案例完成后，我同樣也實作了網格布局的案例完成，雖然效果的展現不是很美觀，但是也是初學者的經歷，案例（二）的完成效果如圖所示：
在該項案例中我們同樣使用到了圓角矩形，所使用方法與案例（一）大體相同，
案例（二）完成思路：首先，我們將整體插入背景，并向其中進行其他內容的添加，
完成相關主要代碼如下：
1.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:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/background"
android:orientation="vertical"
android:gravity="center_horizontal"
tools:context=".MainActivity">
<LinearLayout
android:layout_width="360dp"
android:layout_height="30dp"
android:layout_marginTop="155dp"
android:layout_gravity="center"
android:alpha="0.8"
android:background="@drawable/shape_round_coener"
android:gravity="center">
<TextView
android:layout_width="120dp"
android:layout_height="30dp"
android:background="@drawable/shape_round_coener01"
android:textColor="@color/white"
android:text="@string/part01"
android:layout_marginLeft="1dp"
android:gravity="center"
android:layout_gravity="left"/>
<TextView
android:layout_width="120dp"
android:layout_height="30dp"
android:background="@drawable/shape_round_coener"
android:textColor="#000066"
android:gravity="center"
android:text="@string/part02"
android:layout_gravity="center"/>
<TextView
android:layout_width="120dp"
android:layout_height="30dp"
android:background="@drawable/shape_round_coener"
android:text="@string/part03"
android:textColor="#000066"
android:gravity="center"
android:layout_gravity="right"/>
</LinearLayout>
<LinearLayout
android:layout_width="12dp"
android:layout_height="10dp"
android:background="@drawable/logo"
android:layout_gravity="center_vertical"
android:layout_marginLeft="80dp"/>
<GridLayout
android:layout_width="360dp"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_gravity="center"
android:columnCount="3"
android:rowCount="4">
<LinearLayout
android:layout_width="220dp"
android:layout_height="84dp"
android:layout_columnSpan="2"
android:layout_gravity="fill"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:layout_marginBottom="5dp"
android:background="@drawable/shape_round_coener"
android:gravity="center">
<ImageView
android:layout_width="55dp"
android:layout_height="55dp"
android:background="@drawable/pc1" />
</LinearLayout>
<LinearLayout
android:layout_width="107dp"
android:layout_height="84dp"
android:layout_row="0"
android:layout_column="2"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:layout_marginBottom="5dp"
android:background="@drawable/shape_round_coener"
android:gravity="center">
<ImageView
android:layout_width="55dp"
android:layout_height="55dp"
android:background="@drawable/pc2" />
</LinearLayout>
<LinearLayout
android:layout_width="107dp"
android:layout_height="84dp"
android:layout_row="1"
android:layout_column="0"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:layout_marginBottom="5dp"
android:background="@drawable/shape_round_coener02"
android:gravity="center">
<ImageView
android:layout_width="55dp"
android:layout_height="55dp"
android:background="@drawable/pc3" />
</LinearLayout>
<LinearLayout
android:layout_width="107dp"
android:layout_height="84dp"
android:layout_row="1"
android:layout_column="1"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:layout_marginBottom="5dp"
android:background="@drawable/shape_round_coener02"
android:gravity="center">
<ImageView
android:layout_width="55dp"
android:layout_height="55dp"
android:background="@drawable/pc4" />
</LinearLayout>
<LinearLayout
android:layout_width="107dp"
android:layout_height="84dp"
android:layout_row="1"
android:layout_column="2"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:layout_marginBottom="5dp"
android:background="@drawable/shape_round_coener02"
android:gravity="center">
<ImageView
android:layout_width="55dp"
android:layout_height="55dp"
android:background="@drawable/pc5" />
</LinearLayout>
<LinearLayout
android:layout_width="107dp"
android:layout_height="84dp"
android:layout_row="2"
android:layout_column="0"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:layout_marginBottom="5dp"
android:background="@drawable/shape_round_coener"
android:gravity="center">
<ImageView
android:layout_width="55dp"
android:layout_height="55dp"
android:background="@drawable/pc6" />
</LinearLayout>
<LinearLayout
android:layout_width="107dp"
android:layout_height="84dp"
android:layout_row="2"
android:layout_column="1"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:layout_marginBottom="5dp"
android:background="@drawable/shape_round_coener"
android:gravity="center">
<ImageView
android:layout_width="55dp"
android:layout_height="55dp"
android:background="@drawable/pc7" />
</LinearLayout>
<LinearLayout
android:layout_width="107dp"
android:layout_height="84dp"
android:layout_row="2"
android:layout_column="2"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:layout_marginBottom="5dp"
android:background="@drawable/shape_round_coener"
android:gravity="center">
<ImageView
android:layout_width="55dp"
android:layout_height="55dp"
android:background="@drawable/pc8" />
</LinearLayout>
<LinearLayout
android:layout_width="107dp"
android:layout_height="84dp"
android:layout_row="3"
android:layout_column="0"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:layout_marginBottom="5dp"
android:background="@drawable/shape_round_coener02"
android:gravity="center">
<ImageView
android:layout_width="55dp"
android:layout_height="55dp"
android:background="@drawable/pc9" />
</LinearLayout>
<LinearLayout
android:layout_width="107dp"
android:layout_height="84dp"
android:layout_row="3"
android:layout_column="1"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:layout_marginBottom="5dp"
android:background="@drawable/shape_round_coener02"
android:gravity="center">
<ImageView
android:layout_width="55dp"
android:layout_height="55dp"
android:background="@drawable/pc10" />
</LinearLayout>
<LinearLayout
android:layout_width="107dp"
android:layout_height="84dp"
android:layout_row="3"
android:layout_column="2"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:layout_marginBottom="5dp"
android:background="@drawable/shape_round_coener02"
android:gravity="center">
<ImageView
android:layout_width="55dp"
android:layout_height="55dp"
android:background="@drawable/pc11" />
</LinearLayout>
</GridLayout>
<LinearLayout
android:layout_width="405dp"
android:layout_height="170dp"
android:background="@color/white"
android:gravity="top"
>
<LinearLayout
android:layout_width="135dp"
android:layout_height="20dp"
android:gravity="center"
>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="@drawable/logo1"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="首頁"/>
</LinearLayout>
<LinearLayout
android:layout_width="135dp"
android:layout_height="20dp"
android:gravity="center"
>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="@drawable/logo2"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="訊息"/>
</LinearLayout>
<LinearLayout
android:layout_width="135dp"
android:layout_height="20dp"
android:gravity="center"
>
<ImageView
android:layout_width="21dp"
android:layout_height="20dp"
android:layout_gravity="center"
android:src="@drawable/logo3"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="個人中心"/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/246581.html
標籤：其他
上一篇：了解android studio