顯示具有 UI 標籤的文章。 顯示所有文章
顯示具有 UI 標籤的文章。 顯示所有文章

2018年11月25日 星期日

在 Unity UI中加入具有漸層效果的圖片介面

1. 先在Assets目錄,按右鍵選擇New Import Asset,匯入新的影像。
2. 影像不能直接用在人機介面(UI)上,必須先轉成Sprite (2D and UI)才能使用,如下圖。
3.接下來我們新增一個Canvas物件,並在Canvas物件下分別產生 5個Image物件,在Image物件中,放入在步驟2做的一個Sprite。
4.撰寫程式
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class NewBehaviourScript : MonoBehaviour {
    private float startTime;
    private float alpha = 1.0f;
    [SerializeField]
    private int m_time = 8;
    [SerializeField]
    private CanvasGroup m_canvasGroup;
// Use this for initialization
void Start () {
startTime = Time.time;
      }

// Update is called once per frame
    void FixedUpdate()
    {
        if (Time.time - startTime > m_time)
        {
            if (alpha > 0)
            {
                alpha -= 0.01f;
                m_canvasGroup.alpha = alpha;
            }
        }
    }
}

2014年10月24日 星期五

[ Android AsyncTask] 從網路下載圖片,使用AsyncTask來顯示圖片。

在設計Android程式時,在下載網路上的資源,經常會使用到執行緒來進行多工,此時我們不能在執行緒內來改變UI內容,詳細資訊可參閱:
https://developer.android.com/guide/components/processes-and-threads.html
以下是使用執行緒來下載圖片,並利用AsyncTask來顯示圖片。
1. 首先建立新專案,並在activity_main.xml的資源檔中,新增按鈕及圖片視域物件。

2. 原始程式列表
3. 記得把Internet權限打開

4. 執行結果

[ Android Thread] 從網路下載圖片,使用post來顯示圖片。

在設計Android程式時,在下載網路上的資源,經常會使用到執行緒來進行多工,此時我們不能在執行緒內來改變UI內容,詳細資訊可參閱:
https://developer.android.com/guide/components/processes-and-threads.html
以下是使用執行緒來下載圖片,並利用post來顯示圖片。
1. 首先建立新專案,並在activity_main.xml的資源檔中,新增按鈕及圖片視域物件。
 2. 原始程式列表:
3. 記得把Internet權限打開

4. 執行結果

[ Android Thread] 從網路下載圖片,使用Handler來顯示圖片。

在設計Android程式時,在下載網路上的資源,經常會使用到執行緒來進行多工,此時我們不能在執行緒內來改變UI內容,詳細資訊可參閱:
https://developer.android.com/guide/components/processes-and-threads.html
以下是使用執行緒來下載圖片,並利用Handler來顯示圖片。
1. 首先建立新專案,並在activity_main.xml的資源檔中,新增按鈕及圖片視域物件。

2. 原始程式列表
3. 記得把Internet權限打開

4. 執行結果