跳到主要內容

瑪魯咖啡: 網頁、Android程式與職場札記

搜尋此網誌

目前顯示的是 2月, 2017的文章

發表文章

[WebGL] 兩張圖簡單理解WebGL、OpenGL程式基本繪圖流程

張貼者： LN 日期： 2月 22, 2017

+

取得連結
Facebook
X
Pinterest
以電子郵件傳送
其他應用程式

[Web Design] 10分鐘了解Pinterest圖片佈局製作

張貼者： LN 日期： 2月 03, 2017

+

取得連結
Facebook
X
Pinterest
以電子郵件傳送
其他應用程式

Translate

LN 瀏覽簡介
Unknown 瀏覽簡介

封存

2017 13

2016 8
- 12月 1
- 8月 2
- 5月 1
- 4月 3
- 2月 1
2015 12
- 12月 3
- 11月 2
- 10月 6
- 9月 1
2014 2
- 8月 1
- 6月 1
2013 11
- 2月 8
- 1月 3

顯示更多顯示較少

標籤

小滴咕
AJAX
Android
Android教學
Clip
gas
git
HTML&CSS
Javascript
mysql

php
Web Design
WebGL

顯示更多顯示較少

熱門文章

[Android] Deep link快速實作:連結你的APP

前言使用Android手機時，常常會遇到當你點擊一個按鈕或連結(網頁連結...等)後，會跑出對話框詢問你要使用哪一種APP來開啟內容。這項技術稱為Deep link。使用這一個技術的好處是可以讓你的APP與其他APP做互動。(Twitter，YouTube...等等都有使用) 特別是你所做的服務也包含WEB平台。這樣使用者用手機進入你的網頁瀏覽資料時，透過使用Deep link，當使用者點擊某個連結就可以啟動你的APP來做相關動作(例如展示相關資訊...等等)。而這項機能的關鍵點就在於你的APP設定與觸發功能的按鈕或連結也要包含特定的內容。參考: http://developer.android.com/training/app-indexing/deep-linking.html 這篇文章透過快速實作一個範例，來示範這項技術。範例說明當點擊https://www.google.com/analytics連結時，啟動APP。流程 1. AndroidManifest.xml設定該連結要啟動的Activity中加入Filter設定。範例中要啟動的Activity為mainActivity，因此在mainActivity中加入設定。 scheme中設定 https host中設定 www.google.com pathPrefix設定 /analytics (*註: /不要忘了) 2. MainActivity.java中加入處理在onCreate中處理傳送過來的intent，通常會在這裡擷取資料來做相對應的動作。此範例只是簡單地用TextView來顯示data值，並沒有做特別處理。結論 Deep Link是個很有趣的工具，可以整合WEB端與手機APP端。使用方法並沒有想像中困難，注意你的filter設定與相關處理即可。好好利用，對於提升服務內容很有幫助。完整程式碼使用Android Studio中準備好的模板，所以會有與Deep Link不相關程式碼。

Android取得資料夾內之檔案名稱

Android取得資料夾內之檔案名稱工作上正在研究這部分的功能，紀錄一下心得。參考資料如下：利用File類存取檔案或目錄內容利用上述參考資料來實作一個簡單範例如下：功能為按下一個按鈕會顯示已指定路徑的資料夾中所含有之檔案名稱。 Layout如下 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/LinearLayout1" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".ChooseFile" > <Button android:id="@+id/btnOpen" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Open" /> <TextView android:id="@+id/textFileName" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout> ChooseFile.java如下 package com.example.choosefile; import java.io.File;

[WebGL] 兩張圖簡單理解WebGL、OpenGL程式基本繪圖流程

簡介最近突然想學關於網頁美工與動畫設計這方面相關的知識，大家可能會想到像是Photoshop、Flash等等像這樣的動畫美工設計軟體，但文獻找著找著突然想到有沒有辦法可以用程式來做繪圖(離題很多…)，從以前學過的OpenGL開始去找是否網頁程式也有這樣的API，果不其然找到了WebGL!!於是乎就開始去Youtube找教學影片學了。簡單介紹一下WebGL，WebGL是利用Javascript的低階API，WebGL是基於OpenGL ES 2.0，從HTML中Canvas元素開發出繪製3D圖像並用GLSL作為著色器。本篇用兩張圖片來簡單理解WebGL或OpenGL程式基本繪製流程，希望可以藉由這樣的流程圖讓自己或讀者更牢記流程以免在編寫程式時漏東漏西出現一些不必要的錯誤!

檢舉濫用情形

技術提供：Blogger