@極簡(jiǎn)主義患者/社交控/偽技術(shù)宅/沉迷幻想不能自拔的文藝少年
不定期更新的文字平臺(tái):微博 簡(jiǎn)書

1.安裝Android Sutdio

• 安裝Java Development Kit(JDK,JAVA開(kāi)發(fā)工具包)

JDK可以讓你的電腦讀取并運(yùn)行Java語(yǔ)言
論壇視頻缺省了JDK的安裝,簡(jiǎn)單以Windows系統(tǒng)過(guò)一下,小白可直接百度 "JDK安裝及環(huán)境配置",按照百度經(jīng)驗(yàn)里面的教程一步一步來(lái)即可

- 驗(yàn)證是否已安裝JDK  
win+r->輸入cmd->輸入`java -version`  
如果顯示了版本為8&8以上,就可以直接跳過(guò)去安裝AS了,否則the next
- 下載JDK
到Oracle官網(wǎng)找到JDK 8 for Windowsx64下載即可
- 再次驗(yàn)證
安裝完成后要按照第一步再驗(yàn)證看是否安裝成功

• 安裝Android Studio(工作環(huán)境)
  大家可以按照視頻里說(shuō)的去官網(wǎng)下載安裝,但是似乎AS中文社區(qū)自帶代理,下載速度很快也基本不會(huì)遇到因?yàn)閴Χl(fā)生的古怪問(wèn)題,方法提供給大家:
  • 百度搜索"Android Studio中文社區(qū)"進(jìn)入首頁(yè)或點(diǎn)擊Android Studio 中文社區(qū)(官網(wǎng))
  • 下拉看到"選擇其他平臺(tái)",在表格里面點(diǎn)擊 android-studio-bundle-145.3537739-windows.exe 包含 Android SDK （推薦） 進(jìn)行下載

2.茶休挑戰(zhàn)

• If I want to show a picture on my phone, what XML element should I use? ImageView
• android:layout_width,android:test,android:src are all examples of what? attribute
• Write the sentence "I like practice sets the best". ILikePracticeSetsTheBest
• RelativeLayout and LinearLayout are known as what? ViewGroup
• I always need to __ and __ my tags. open close
• What are the names of the two instructors? Katherine and Kunal
• Which line has an XML error on it? 21
• What is the width of the TextView? 350dp
• Complete the code to position the button.
  android:layout_alignParentBottom="true" android:layout_centerHorizontal="true"
• Assu,e you are using the XML to the left and you have a screen that is 600dp tall. What is the height of the "Chai Tea" TextView? 100dp
• 最終為題:Who am I making this cup of coffee for?
  每道題答對(duì)后會(huì)得到一個(gè)線索,十個(gè)線索連起來(lái)是一句話,Who is the production lead look on the materials webpage 進(jìn)入這個(gè)頁(yè)面按提示發(fā)現(xiàn)答案為Kagure Kabue

3.Hello World!(Version 2.2.3)

安裝完之后我們就一起來(lái)開(kāi)始我們的第一個(gè)上手項(xiàng)目吧,第一是熟悉一些IDE的基本操作,第二是鞏固我們第一節(jié)課學(xué)習(xí)的東西

• 打開(kāi)Android Studio,點(diǎn)擊"Start a new Android Studio Project"按照視頻講解新建項(xiàng)目

• 一張圖快速了解AS界面

  
  
  快速了解

4.創(chuàng)建生日賀卡應(yīng)用

• 基本步驟
  • 使用和選擇正確的布局和視圖(LinearLayout || RelativeLayout)
  • 在屏幕上對(duì)這些試圖進(jìn)行模擬定位,確定視圖的位置屬性(layout_width/layout_height/layout_alignParentRiht/layout_alignParentBottom)
  • 為視圖添加樣式屬性(字體/大小/顏色/圖片樣式/邊距)
    • 字體:fontFamily
    • 大小:textSize
    • 顏色:textColor
    • 圖片:layout_width&layout_height="match_parent" +scale="centerCrop"
    • 邊距:layout_margin || padding
• 自制生日卡片
  按照視頻中的基本步驟進(jìn)行即可制作一個(gè)簡(jiǎn)單的小卡片

  • 獻(xiàn)上丑作:

    
    
    預(yù)覽界面:Galaxy Nexus
  • 源碼:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.android.happybirthday.MainActivity">
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/IMG_0655"
        android:scaleType="centerCrop" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Happy birthday"
        android:paddingTop="48dp"
        android:paddingLeft="128dp"
        android:fontFamily="monospace"
        android:textSize="26sp"
        android:textColor="@android:color/background_dark"
        android:id="@+id/textView3" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="My Dear"
        android:paddingTop="84dp"
        android:paddingLeft="128dp"
        android:fontFamily="monospace"
        android:textSize="26sp"
        android:textColor="@android:color/background_dark"
        android:id="@+id/textView2" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="From:Loushu"
        android:paddingTop="432dp"
        android:paddingLeft="128dp"
        android:fontFamily="monospace"
        android:textSize="22sp"
        android:textColor="@android:color/background_dark"
        android:id="@+id/textView4" />

    <ImageView
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:src="@drawable/ShouhuiXin"
        android:scaleType="centerCrop"
        android:id="@+id/imageView"
        android:layout_below="@+id/textView3"
        android:layout_toRightOf="@+id/textView2"
        android:layout_toEndOf="@+id/textView2" />
</RelativeLayout>