本章要點

使用Android提供的UI來編寫程式介面。本章的內容就是學習UI方面的知識。

3.1 如何編寫程式介面

Android種編寫程式介面的方式：
1. 視覺化編輯器（不推薦）
2. 編寫XML程式碼（推薦）

3.2 常用控制元件的使用方法

建立一個UIWidgetTest專案

3.2.1 TextView

TextView的用法：
修改activity_main.xm中的程式碼，如下：

<?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">

    <TextView
        android:id="@+id/tv"
        android:layout_width="match_parent"
 

        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="This is TextView"
        android:textColor="#00ff00"
        android:textSize="24sp" />
 </LinearLayout>

屬性：
android:id 當前控制元件唯一標識
android:layout_width和android:layout_height 控制元件的寬度和高度（match_parent（fill_parent不推薦），wrap_content）
android:text 顯示的文字內容
android:gravity 指定文字的對齊方式（center，top，bottom，right，left）可以用”|“同時指定多個值。center同等於center_vertical|center_horizontal垂直和水平方向都居中對齊
android:textSize 指文字的大小（sp）
android:textColor 指文字的顏色

效果圖：

3.2.2 Button

在activity_main.xml中加入Button:

<?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">

    ...

    <Button
        android:id="@+id/btn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button"
        android:textAllCaps="false" />

</LinearLayout>

屬性:
android:textAllCaps true（大）/false（小） 預設true，英文字母大小寫轉換

MainActivity中為Button的點選事件註冊一個監聽器：

public class MainActivity extends AppCompatActivity {

    private Button btn;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn= (Button) findViewById(R.id.btn);
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //新增邏輯程式碼
            }
        });
    }

使用介面的方式來進行註冊，如下:

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private Button btn;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn= (Button) findViewById(R.id.btn);
        btn.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.btn:
                //新增邏輯程式碼
                break;
            default:
                break;
        }
    }
}

3.2.3 EditText

EditText是程式與使用者互動，允許在控制元件裡輸入和編輯內容，並作相應的處理。
EditText應用場景非常普遍，發簡訊，發微博，聊QQ等等……
在activity_main.xml中加入EditText，如下：

 <EditText
        android:id="@+id/et"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Type something here"
        android:maxLines="2" />

屬性：
android:hint 指定提示性文字
android:maxLines 指定最大行數

接下來我們通過點選按鈕獲取EditText中輸入的內容，修改MainActivity中的程式碼如下：

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private Button btn;
    private EditText et;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn= (Button) findViewById(R.id.btn);
        et= (EditText) findViewById(R.id.et);
        btn.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.btn:
                String inputText = et.getText().toString();
                Toast.makeText(this, inputText, Toast.LENGTH_SHORT).show();
                break;
            default:
                break;
        }
    }
}

效果圖：

3.2.4 ImageView

ImageView在介面展示圖片的控制元件。”drawable“開頭的目錄下放圖片，這個目錄沒有指定解析度，所以不使用它來放圖片。新建drawable-xhdpi目錄來放圖片。

我們把準備好的兩張美女圖片放進新建的drawable-xhdpi目錄下。
在activity_main.xml中新增ImageView：

<ImageView
        android:id="@+id/iv"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:src="@drawable/img_1" />

屬性：
android:src 指定ImageView的圖片

通過程式碼動態的修改ImageView中的圖片，修改MainActivity中的程式碼如下：

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private Button btn;
    private EditText et;
    private ImageView iv;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn= (Button) findViewById(R.id.btn);
        et= (EditText) findViewById(R.id.et);
        iv= (ImageView) findViewById(R.id.iv);
        btn.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.btn:
                iv.setImageResource(R.drawable.img_2);
                break;
            default:
                break;
        }
    }
}

效果圖：

3.2.5 ProgressBar

ProgressBar顯示進度條，表示正在載入資料。

在activity_main.xml中的程式碼新增ProgressBar:

   <ProgressBar
        android:id="@+id/pb"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

效果圖:

可見屬性：
android:visibility （visible可見，預設值，invisible不可見，佔位，gone，不可見，不佔位）
程式碼控制可見性，setVisibility()。

按鈕點選切換顯示隱藏進度條，修改MainActivity中的程式碼如下所示：

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private Button btn;
    private EditText et;
    private ImageView iv;
    private ProgressBar pb;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn= (Button) findViewById(R.id.btn);
        et= (EditText) findViewById(R.id.et);
        iv= (ImageView) findViewById(R.id.iv);
        pb= (ProgressBar) findViewById(R.id.pb);
        btn.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.btn:
               if (pb.getVisibility()==View.GONE){
                   pb.setVisibility(View.VISIBLE);
               }else{
                   pb.setVisibility(View.GONE);
               }
                break;
            default:
                break;
        }
    }
}

效果圖:

給ProgressBar指定不同樣式，修改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">

    ......

    <ProgressBar
        android:id="@+id/pb"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:max="100" />

</LinearLayout>

屬性：
style 設定進度條的樣式
android:max 設定進度條最大的

點選按鈕動態更新進度條，修改MainActivity中的程式碼如下：

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    ......

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.btn:
                int progress = pb.getProgress();
                progress=progress+10;
                pb.setProgress(progress);
                break;
            default:
                break;
        }
    }
}

效果圖：

3.2.6 AlertDialog

AlertDialog彈出一個對話方塊，提示一些非常重要內容或者警告資訊。

修改MainActivity中的程式碼：

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    ......

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.btn:
                AlertDialog.Builder dialog=new AlertDialog.Builder(MainActivity.this);
                dialog.setTitle("This is Dialog");
                dialog.setMessage("Something imporent.");
                dialog.setCancelable(false);
                dialog.setPositiveButton("OK", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {

                    }
                });
                dialog.setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {

                    }
                });
                dialog.show();
                break;
            default:
                break;
        }
    }
}

通過AlertDialog.Builder建立AlertDialog的例項，設定標題，內容，等屬性……
setPositiveButton() 確定按鈕的點選事件
setNegativeButton() 取消按鈕的點選
show() 顯示對話方塊

效果圖:

3.2.7 ProgressDialog

ProgressDialog與AlertDialog不同的是：ProgressDialog會在對話方塊顯示進度條。表示耗時操作，讓使用者等待。

修改MainActivity中的程式碼如下：

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    ......

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.btn:
                ProgressDialog progressDialog=new ProgressDialog(MainActivity.this);
                progressDialog.setTitle("This is a ProgressDialog");
                progressDialog.setMessage("Something imporent");
                progressDialog.setCancelable(true);
                progressDialog.show();
                break;
            default:
                break;
        }
    }
}

setCancelable true/false （可以通過Back鍵返回）/（不可以返回，載入完必須呼叫dismiss()來關閉對話方塊，ProgressDialog會一直存在）

效果圖：

3.3 詳解4種基本佈局

佈局是一種可用用放很多控制元件，同時也可以巢狀佈局的使用，來完成一些複雜的佈局。

佈局和控制元件的關係：

新建UILayoutTest專案。

3.3.1 線性佈局

LinearLayout稱線性佈局，將它所包含的線上性方向上依此排列。

android:orientation 指定排列方向，vertical（垂直方向排列），horizontal（水平方向排列）
修改activity_main.xml中的程式碼如下所示：

<?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">

    <Button
        android:id="@+id/btn_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button1" />

    <Button
        android:id="@+id/btn_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button2" />

    <Button
        android:id="@+id/btn_3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button3" />
</LinearLayout>

效果圖：

修改activity_main.xml中的屬性程式碼如下：

android:orientation="horizontal"

效果圖：

android:gravity和android:layout_gravity區別：
android:gravity 指文字在元件中的對齊方式
android:layout_gravity 指控制元件在佈局中對齊方式
當排列方向為horizontal時，只有垂直方向對齊方式會生效。當為vertical時，只有水平方向對齊方式才會生效。

修改activity_main中的程式碼如下：

<?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="horizontal">

    <Button
        android:id="@+id/btn_1"
        android:layout_gravity="top"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button1" />

    <Button
        android:id="@+id/btn_2"
        android:layout_gravity="center_vertical"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button2" />

    <Button
        android:id="@+id/btn_3"
        android:layout_gravity="bottom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button3" />
</LinearLayout>

效果圖:

android:layout_weight 比例方式控制組件的大小 。我們來編寫訊息傳送介面，修改activity_main中的程式碼如下：

<?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="horizontal">

    <EditText
        android:id="@+id/et"
        android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="wrap_content" />
    <Button
        android:id="@+id/btn"
        android:text="Send"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

效果圖：

3.3.2 相對佈局

RelativeLayout稱相對佈局，通過相對定位讓控制元件出現在佈局的任何位置。

相對於父佈局進行定位，修改activity_main.xml中的程式碼如下所示：

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

    <Button
        android:id="@+id/btn_1"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button1" />

    <Button
        android:id="@+id/btn_2"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button2" />

    <Button
        android:layout_centerInParent="true"
        android:id="@+id/btn_3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button3" />

    <Button
        android:layout_alignParentLeft="true"
        android:layout_alignParentBottom="true"
        android:id="@+id/btn_4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button4" />

    <Button
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:id="@+id/btn_5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button5" />
</RelativeLayout>

屬性：
layout_alignParentRight 該控制元件與父佈局控制元件的右對齊嗎？
layout_alignParentLeft 該控制元件與父佈局控制元件的左對齊嗎？
layout_alignParentTop 該控制元件與父佈局控制元件的頂端對齊嗎？
layout_alignParentBottom 該控制元件與父佈局控制元件的底部對齊嗎？
layout_centerInParent 該控制元件位於父佈局控制元件的中心位置嗎？
layout_centerVertical 該控制元件位於父佈局控制元件的垂直中心位置嗎？
layout_centerHorizontal 該控制元件位於父佈局控制元件的水平中心位置嗎？

效果圖:

相對於控制元件進行定位（1），修改activity_main.xml中的程式碼如下：

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

    <Button
        android:layout_centerInParent="true"
        android:id="@+id/btn_3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button3" />

    <Button
        android:id="@+id/btn_1"
        android:layout_above="@id/btn_3"
        android:layout_toLeftOf="@id/btn_3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button1" />

    <Button
        android:id="@+id/btn_2"
        android:layout_toRightOf="@id/btn_3"
        android:layout_above="@id/btn_3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button2" />



    <Button
        android:layout_toLeftOf="@id/btn_3"
        android:layout_below="@id/btn_3"
        android:id="@+id/btn_4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button4" />

    <Button
        android:layout_toRightOf="@id/btn_3"
        android:layout_below="@id/btn_3"
        android:id="@+id/btn_5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button5" />
</RelativeLayout>

屬性:
layout_toRightOf 該控制元件在哪個控制元件的右側
layout_toLeftOf 該控制元件在哪個控制元件的左側
layout_above 該控制元件在哪個控制元件的上側
layout_below 該控制元件在哪個控制元件的下側

效果圖：

相對於控制元件定位（2），修改activity_main.xml中的程式碼如下：

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

    <Button
        android:layout_centerInParent="true"
        android:id="@+id/btn_3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button3" />

    <Button
        android:id="@+id/btn_1"
        android:layout_alignLeft="@id/btn_3"
        android:layout_above="@id/btn_3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button1" />

    <Button
        android:id="@+id/btn_2"
        android:layout_alignTop="@id/btn_3"
        android:layout_toRightOf="@id/btn_3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button2" />



    <Button
        android:layout_alignBottom="@id/btn_3"
        android:layout_toLeftOf="@id/btn_3"
        android:id="@+id/btn_4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button4" />

    <Button
        android:layout_alignRight="@id/btn_3"
        android:layout_below="@id/btn_3"
        android:id="@+id/btn_5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button5" />
</RelativeLayout>

屬性:
layout_alignRight 該控制元件與哪個控制元件的右對齊
layout_alignLeft 該控制元件與哪個控制元件的左對齊
layout_alignTop 該控制元件與哪個控制元件的頂對齊
layout_alignBottom 該控制元件與哪個控制元件的底對齊

效果圖:

3.3.3 幀佈局

FrameLayout稱幀佈局（簡單佈局）。沒有定位方式，所以控制元件預設擺放左上角。

接下來我們來修改activity_main.xml中的檔案如下：

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

    <TextView
        android:id="@+id/tv"
        android:text="This is TextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <ImageView
        android:id="@+id/iv"
        android:src="@mipmap/ic_launcher"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</FrameLayout>

效果圖：

文字和圖片都位於左上角，ImageView在TextView後，因此圖片壓在文字上面。

使用 android:layout_gravity 屬性指定控制元件在佈局中的對齊方式。修改activity_main中的程式碼如下：

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

    <TextView
        android:id="@+id/tv"
        android:text="This is TextView"
        android:layout_gravity="left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <ImageView
        android:id="@+id/iv"
        android:layout_gravity="right"
        android:src="@mipmap/ic_launcher"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</FrameLayout>

效果圖：

3.3.4 百分比佈局

百分比佈局屬性新增佈局，提供了PercentFrameLayout和PercentRelativeLayout兩種全新的佈局，它倆是FrameLayout和RelativeLayout的功能，繼承了所有的屬性。

百分比佈局的使用：

新增依賴

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
        exclude group: 'com.android.support', module: 'support-annotations'
    })
    compile 'com.android.support:appcompat-v7:24.2.1'
    compile 'com.android.support.constraint:constraint-layout:1.0.2'
    testCompile 'junit:junit:4.12'
    compile 'com.android.support:percent:24.2.1'
}

修改activity_main中的佈局：

<?xml version="1.0" encoding="utf-8"?>
<android.support.percent.PercentFrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <Button
        app:layout_widthPercent="50%"
        app:layout_heightPercent="50%"
        android:layout_gravity="left|top"
        android:id="@+id/btn_1"
        android:text="Button1" />

    <Button
        app:layout_widthPercent="50%"
        app:layout_heightPercent="50%"
        android:layout_gravity="right|top"
        android:id="@+id/btn_2"
        android:text="Button2" />

    <Button
        app:layout_widthPercent="50%"
        app:layout_heightPercent="50%"
        android:layout_gravity="left|bottom"
        android:id="@+id/btn_3"
        android:text="Button3" />





    <Button
        app:layout_widthPercent="50%"
        app:layout_heightPercent="50%"
        android:layout_gravity="right|bottom"
        android:id="@+id/btn_4"
        android:text="Button4" />

</android.support.percent.PercentFrameLayout>

效果圖：

PercentRelativeLayout 用法非常相似，繼承了RelativeLayout的所有屬性。

Android 中還有AbsoluteLayout，TableLayout等屬性（幾乎不用）

3.4 系統控制元件不夠用？建立自定義控制元件

常用控制元件和佈局的繼承結構：

新建UICustomViews專案。

3.4.1 引入佈局

標題欄，引入佈局。新建title_layout.xml程式碼如下：

<?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="wrap_content"
    android:background="#c2c2c2">
    <Button
        android:text="Back"
        android:textColor="#FFFFFF"
        android:layout_gravity="center"
        android:layout_margin="5dp"
        android:id="@+id/btn_back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:textSize="24sp"
        android:layout_gravity="center"
        android:text="This is Title"
        android:gravity="center"
        android:textColor="#FFFFFF"
        android:id="@+id/tv_title"
        android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="wrap_content" />

    <Button
        android:text="Edit"
        android:layout_margin="5dp"
        android:textColor="#FFFFFF"
        android:layout_gravity="center"
        android:id="@+id/btn_edit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

修改activity_main.xml中的程式碼:

<?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">


    < 
 

            
  
           

              
              
            
            
相關推薦
			   
            
            
            
 

    

    
    
第二行程式碼學習筆記——第三章:軟體也要拼臉蛋——UI開發的點點滴滴
     
 
							
							
							本章要點

使用Android提供的UI來編寫程式介面。本章的內容就是學習UI方面的知識。



3.1 如何編寫程式介面

Android種編寫程式介面的方式： 
1.  視覺化編輯器（不推薦） 
2.  編寫XML程式碼（推薦）





3.2 常用控制元 

  
 

    

    
    
第二行程式碼學習筆記——第四章:手機平板要相容——探究碎片
     
 
							
							
							本章要點

作為一名專業的Android開發人員，能夠同時相容手機和平板的開發時我們必須要做到的事情。





4.1 碎片是什麼

碎片（Fragment）是一種可以巢狀在活動當中的UI片段，它能讓程式更加合理和充分的利用大螢幕的控制元件。





4.2 

  
 

    

    
    
閱讀郭林《第一行程式碼》的筆記——第3章 軟體也要拼臉蛋，UI開發的點點滴滴
     
 
							
							
							一、常見控制元件的使用方法

使用android:layout_width指定了控制元件的寬度， 
   使用android:layout_height指定了控制元件的高度 
   Android中所有的控制元件都具有這兩個屬性，可選值有三種match_pare 

  
 

    

    
    
第二行程式碼學習筆記——第十章:後臺默默的勞動者——探究服務
     
 
							
							
							本章要點

Android沿用了諾基亞系統的Symbian作業系統的老習慣，從一開始就支援後臺功能，這使得應用程式即使在關閉的情況下仍然可以在後臺繼續執行。後臺功能屬於四大元件之一，重要程度言不可寓。





10.1 服務是什麼

服務（Service）是A 

  
 

    

    
    
第二行程式碼學習筆記——第六章:資料儲存全方案——詳解持久化技術
     
 
							
							
							本章要點

任何一個應用程式，總是不停的和資料打交道。 
瞬時資料：指儲存在記憶體當中，有可能因為程式關閉或其他原因導致記憶體被回收而丟失的資料。 
資料持久化技術，為了解決關鍵性資料的丟失。



6.1 持久化技術簡介

資料持久化技術：指那些記憶體中的瞬時 

  
 

    

    
    
第一行程式碼——第三章：軟體也要拼臉蛋——UI開發的點點滴滴
     
  
 
 
 目錄： 
 3.1 如何編寫程式介面 
 3.2 常用控制元件的使用方法 
 3.2.1TextView 
 3.2.2 Button 
 3.2.3 EditText 
 3.2.4 ImageView 
 3.2.5 ProgressBar 
 3.2.6 Al 

  
 

    

    
    
第三章：軟件也要拼臉蛋——UI 開發的點點滴滴
     
 layout   開發   ssd   幀布局   edittext   PE   ogre   點點滴滴   tex   常用控件

常用控件有：按鈕 Button、文本顯示框 TextView、圖片顯示框 ImageView、文本編輯框 EditText、進度條 ProgressBar、提示框 Alert 

  
 

    

    
    
第二行程式碼學習筆記——第一章:開始啟程——你的第一行Android程式碼
     
 
							
							
							筆者前言

最近在讀郭霖大神的第二行程式碼，藉助第二行程式碼，在這裡我認真梳理Android知識，為了形成自己的知識體系。堅持寫一系列關於第二行程式碼的學習筆記，一是來提升自己的學習能力，堅持每天學習; 二是給自己整理一份資料，方便以後的查閱與複習。希望能夠幫助 

  
 

    

    
    
o'Reill的SVG精髓（第二版）學習筆記——第四章
     
 使用   還需要   第四章   會有   屬性   輪廓   4.4   www.   進行   第四章：基本形狀
4.1線段
SVG可以使用<line>元素畫出一條直線段。使用時只需要指定線段起止點的x和y坐標即可。指定坐標時可以不帶單位，此時會使用用戶坐標，也可以帶上單位，如em、in等。
 

  
 

    

    
    
《機器學習》 周志華學習筆記第三章 線性模型（課後習題）python 實現
     
  
 
 
 線性模型 
 一、內容 
 1.基本形式 
 2.線性迴歸：均方誤差是迴歸任務中最常用的效能度量 
 3.對數機率迴歸：對數機率函式（logistic function）對率函式是任意階可導的凸函式，這是非常重要的性質。 
 4.線性判別分析（LDA 是一種降維的方法） 
 5.多分類學習： 
 

  
 

    

    
    
網路是怎樣連線的學習筆記-第三章-交換機的包轉發操作
     
 3.2.1 交換機根據地址表進行轉發 
交換機的設計是將網路包原樣轉發到目的地，圖 3.7 就是它的內部結構。 
 
交換機的PHY接收到達網線介面的訊號 
首先，訊號到達網線介面，並由 PHY 模組進行接收，這一部分和集線器是相同的。 
也就是說，它的介面和 PHY 模組也是以MDI-X 模式進行連線的，當 

  
 

    

    
    
C++ Primer Plus 第六版學習筆記第三章
     
  
 
   
 1、檢視系統中各資料型別所佔的位元組數（sizeof），所能表示的最大和最小取值，標頭檔案climite中包含了關於整型限制的資訊，定義了所使用的各種符號常量 
 例：檢視各種整型資料型別所佔的位元組數以及所能表示的最大數值 
 #include "stdafx.h"
#inclu 

  
 

    

    
    
網絡是怎樣連接的學習筆記-第三章-路由器的包轉發操作
     
 相同   col   數字   spc   技術   ima   這一   同時   個數   3.3 路由器的包轉發操作
3.3.1 路由器的基本知識
路由器通過查表判斷轉發目標
網絡包經過集線器和交換機之後到達了路由器，並在此被轉發到下一個路由器。
這一步轉發的工作原理和交換機類似，不過在具體的操作過程上 

  
 

    

    
    
網路是怎樣連線的學習筆記-第三章-路由器的附加功能
     
 3.4 路由器的附加功能 
 
  
3.4.1 通過地址轉換有效利用 IP 地址 
地址轉換功能出現的背景 
地址就是用來識別每一臺裝置的標誌，因此每臺裝置都應該有一個唯一不重複的地址。 
進入 20 世紀 90 年代之後，接入網際網路的裝置數量也快速增長，過不了多久，可分配的地址就用光了。 
如 

  
 

    

    
    
網路是怎樣連線的學習筆記-第三章-路由器的包轉發操作(下)
     
 3.3.5 找不到匹配路由時選擇預設路由 
不是所有的轉發目標都需要配置在路由表中 
如果是公司或者家庭網路，這樣的做法也沒什麼問題，但網際網路中的轉發目標可能超過 20 萬個，如果全部要配置在路由表中實在是不太現實。 
其中有一行子網掩碼為 0.0.0.0，意思是網路包接收方 IP 地址和路由表目標地址的匹 

  
 

    

    
    
網路是怎樣連線的學習筆記-第三章-路由器的包轉發操作
     
 3.3 路由器的包轉發操作 
3.3.1 路由器的基本知識 
路由器通過查表判斷轉發目標 
網路包經過集線器和交換機之後到達了路由器，並在此被轉發到下一個路由器。 
這一步轉發的工作原理和交換機類似，不過在具體的操作過程上，路由器和交換機是有區別的，因為路由器是基於 IP 設計的，而交換機是基於乙太網設計的。 

  
 

    

    
    
計算機網路學習筆記——第三章課後題答案詳解
     
 1、假定站點A和B在同一個10Mb/s乙太網網段上。這兩個站點之間的傳播時延為225位元時間。現假定A開始傳送一幀，並且在A傳送結束之前B也傳送一幀。如果A傳送的是乙太網所容許的最短的幀，那麼A在檢測到和B發生碰撞之前能否把自己的資料傳送完畢？換言之，如果A在傳送完畢之前並沒有檢測到碰撞，那麼能否肯定A所傳送 

  
 

    

    
    
作業系統概念學習筆記 第三章 程序
     
 
								
								            
							
							
							






3.1 程序概念

1. 程序

程序是一種執行中的程式


執行什麼程式
執行什麼資料
處在什麼狀態


程序包括


程式程式碼/文字段
當前活動，程式計數器和CPU暫存器
記憶體中的 

  
 

    

    
    
python cookbook 學習筆記 第三章 數字日期和時間(9) 大型資料運算
     
 
							
							
							
大型資料運算
-問題：

需要在大資料集(比如陣列或網路)上面執行計算。


解決方案：

涉及到陣列的重量級運算，可以使用 Numpy 庫。Numpy 的一個主要特徵是他會給 Python 提 供一個數組物件，相比標準的 Python 列表更適合用來做數學運 

  
 

    

    
    
C++學習筆記 第三章 函式
     
  
 
 1.斐波那契數列 
   
 #include<stdio.h>
int Fib(int x) {
	if (x <3) {
		printf("return 1!\n");
		return(1);
	}
	else {
		printf("Fib(%d) and Fi