發表文章

目前顯示的是 2017的文章

Xamarin : android : 停用按鈕聲音

正常的狀況下,按下Android APP 內的按鈕 Button,裝置都會發出『達、達』『滴、滴』等的聲音,這個聲音不是 APP 產生或是開發出來的。 這是 Android 內置的系統聲音。 如果某些情境開發下,希望能夠關閉這個聲音,可以透過下面兩種方式實現: 1.針對按鈕 Button 操作屬性 程式方式: button. setSoundEffectsEnabled ( false ); 屬性變更 <Button     ...     android: soundEffectsEnabled =" false " /> 2.針對全環境(APP)操作: 在資源檔內建立 res/values/styles.xml 樣式檔 <?xml version="1.0" encoding="utf-8"?> <resources> <style name=" AppBaseTheme " parent=" android:Theme.Black.NoTitleBar ">     <!--         Theme customizations available in newer API levels can go in         res/values-vXX/styles.xml, while customizations related to         backward-compatibility can go here.     --> </style> <!-- Application theme. --> <style name="AppTheme" parent="AppBaseTheme">     <!-- All customizations that are NOT specific to a particular API-level ...

Xamarin : android : Animation 特效 - 按鈕動畫測試

圖片
如果版面上需要讓 View (控件) 有點特效,其實 android 有提供一些基本2D的特效可以使用,這個就是 Animation。 ※先說明Animation在這裡是一種效果,並非我們認知的那種動畫,所以無法設計太多一連串的動作,因此通常比較適合『咻一下子』這種感覺。 1 . 要在要運行的 Activity 引入 Using Android.Views.Animations 2 . 然後在右邊Resource資料夾下建立一個anim資料夾(這個請勿隨意命名,因為在android套件是有關聯的,隨意命名會找不到) 3 . 然後在anim資料夾下建立你的預訂好的動畫(特效)檔案,它基本上就是一個XML檔案。 這個檔案的詳細內容寫法可以參考下面網站: 官方網站(詳細但太多太雜,很容易找不到重點): https://developer.xamarin.com/guides/android/application_fundamentals/graphics_and_animation/ 極客學院(簡單易懂,但無太多詳細解釋): http://wiki.jikexueyuan.com/project/android-animation/1.html

Xamarin : Android : 自訂繼承控制項 Coustom class inherit by TextView or other

圖片
很多時候,原始的控制項功能無法滿足社計上的需要時就必須修改控制項了。 這個範例是繼承自 TextView 的自訂元件。 1.首先到專案內新增一個類別 (新增項目→C#類別),名稱為 MyTextView.cs 2.首先要引用下面這個類別,才能使用 IAttributeSet using Android.Util; 3.然後讓這個類別繼承 View,然後要實現相關的 建構子 namespace TestAnimator {     //讓 MyTextView 繼承自 TextView     public class MyTextView : TextView     {         //實現基本的建構子         public MyTextView(Context context) : base(context) { }         public MyTextView(Context context, IAttributeSet attributeSet) : base(context, attributeSet) { }         public MyTextView(Context context, IAttributeSet attributeSet, int defaultStyle) : base(context, attributeSet, defaultStyle) { } 4.接下來,我希望這個 TextView 有一個 MeMe 的屬性,而這屬性是 int 型別,當這個 MeMe 數值改變時,我希望能夠顯示在 Text 上。 因此在 class 下再建立一個內部儲存變數 _meme 與屬性 public int MeMe,然後覆寫 Draw 事件讓它可以把變數內容寫入 Text         //內部變數         private int _meme =...

Xamarin:Android:Animator 控制器簡單使用法

原文說明: 看這裡 這篇主要介紹 Property animators 的常見用法,使用前要引用下面的 Name Space using Android.Animation 這個 animators 有三個子類別 ValueAnimator - 數值計數器,數字更新對象必須以加載是件方式執行 ObjectAnimator - 進階版 ValueAnimator 可以直接指定物件與更新對象 AnimatorSet - 動作集合器,可以把許多 ValueAnimator 和 ObjectAnimator 掛載一起執行,也可以指定執行順序 ValueAnimator 其實這個 ValueAnimator 控制器,說穿了就是一個線性計數器而已,跟繪圖一點關係都沒有,因為它的基本動作就是: 你給予 A 到 B 區間的數字,然後要它在一定時間內跑完,然後在跑數字的時候同時去更新某個變數。 下面有個基本範例,這個範例可以讓顯示的文字從0漸增到100,然後再從100漸減到0,每次的變化需要的時間剛好就1秒: //設定數字 0 到100 的變化 ValueAnimator valueAnimator = ValueAnimator .ofInt(0 , 100); //並且在 1000毫秒內執行完 valueAnimator.SetDuration(1000); //設定為無限次執行 valueAnimator.RepeatCount = ValueAnimator .Infinite; //循環方式為『反向計數』 valueAnimator.RepeatMode = ValueAnimatorRepeatMode .Reverse; //當數字發生變化時,更新TextView的文字顯示 valueAnimator.Update += delegate (object sender, ValueAnimator . AnimatorUpdateEventArgs e) {         //取得變化數值         var newValue = (int)e. Animation ....

AngularJS 使用 $routeProvider 時輸出路徑 "/" 變更成 "%2F" 解決方式

圖片
按照 AngularJS 官方網站 實做了 Wire up a Backend 的範例發現了一些問題,主要是在 routeProvider 變更瀏覽器 URL時,路徑上的 "/" 被改成了 "!/" 與指定路徑 "/new" 被換成 "%2Fnew",導製後續動作都無法解析問題: 按照它的範例執行一開始路徑就怪怪的,當按下『Add』時,沒有切換到 detail.html 的畫面,原因在於路徑出現了非預期的字元。 這個原因出在 routeProvider 回傳時把一些特殊字元進行轉換造成的問題,因此必須修改它的 config 對 routeProvider 處理程式碼片段: (原程式碼) .config(function($routeProvider) {   var resolveProjects = {     projects: function (Projects) {       return Projects.fetch();     }   };   $routeProvider     .when('/', {       controller:'ProjectListController as projectList',       templateUrl:'list.html',       resolve: resolveProjects     })     .when('/edit/:projectId', {       controller:'EditProjectController as editProject',       templateUrl:'detail.html',       resolve: resolveProjects     })     .when('/new', { ...

OA辦公椅越坐越下沉問題

圖片
一般的公司辦公室的辦公椅大概都是長成這樣子的: 搭配的辦公桌通常是固定的高度,大家都一樣高, 因此只能調整座椅的高度,而OA辦公椅因為要符合各種人身高需求, 通常但是這種椅子的結構很多種,但它的升降機構但最常見(也最便宜)的就是像螺絲一樣利用旋轉支柱來改變高低的。 但這種旋轉調整高低的椅子卻有一個很糟糕的問題,因為大部分坐OA椅的人會音工作需要旋轉椅子改變方向,但是如果沒有將這個螺旋固定住,久會導致椅子越坐越低,不知不覺坐姿改變,導致肩膀痠痛或是腰酸背痛。 總之,這種升降機結構就是一個『爛東西』,但有的廠商會稍微貼心點在旋轉柱上加上一個固定用螺絲,可以用來鎖住調整好的位置。 如果,你的公司只有這種OA椅給你用,然後也沒得選擇,你可以用點小技巧來固定椅子的高度。 只要利用束帶就可以了,找兩條(一條固定不太住)足夠長的束帶,調整好椅子高度後再稍微調高 一 ~ 二 格螺紋高度後再把束帶綁入螺紋的溝槽內(一定要綁入溝槽內,不然會滑脫),然後用老虎鉗子把束帶拉緊(如果只用手的力量束帶綁不太緊),如下: 使用一段時間後,位置只會有一點往上跑,只時再坐一次調整(再綁入一條束帶)固定住,就不會跑掉了。

Xamarin : Android : Vibrate 使用裝置震動

圖片
在 Xamarin 下開發 Android 裝置需要振動程式碼如下 void button_vibrator_Click(object sender , EventArgs ea) {     // 建立振動服務     var vibrator = (Vibrator)GetSystemService(Android.Content.Context.VibratorService);     int iDuration = 500; // 500毫秒,振動持續時間       // 執行     vibrator.Vibrate(iDuration); } 這個 Vibrator 需要引用 using Android.OS; 這個服務屬於非同步機制,發出震動後不會等待振動時間完畢,而會繼續執行程式。 另外,還需要賦予適當的使用權限,可以在 專案屬性 調整 或是到 AndroidManifest.xml 裡增加 <uses-permission android:name="android.permission.VIBRATE" /> 建議使用專案屬性調整會比較安全,比較不會打錯字

Xamarin : Android : playback a tone 發出警告聲(簡單聲音)

在 Xamarin 下開發 Android 讓裝置發出 警告聲音 或是 提示聲音 void button_beep_Click(object sender , EventArgs ea) {     int iVolume = 100; // 0 ~ 100 音量,但不是裝置實際音量,而是產生音波的音量     int iDuration = 500; // 500毫秒,聲音持續時間     // 建立執行物件     var tonGen = new ToneGenerator(Android.Media.Stream.Music, iVolume);     //播放聲音     //tonGen.StartTone(Android.Media.Tone.CdmaAlertAutoredialLite,1000);     //tonGen.StartTone(Android.Media.Tone.CdmaAlertCallGuard, 200);     //tonGen.StartTone(Android.Media.Tone.CdmaAlertIncallLite, iDuration );     //tonGen.StartTone(Android.Media.Tone.CdmaAlertNetworkLite, iDuration );     tonGen.StartTone(Android.Media.Tone.PropBeep, iDuration ); } Android.Media.Tone 底下列舉不少基本 DTMF 的音調,可以自行選擇測試 這個元件比較適合播放訊息聲音(比較簡單的音調)。 如果要播放音樂建議使用 AudioTrack 物件。 注意這個播放是屬於非同步的,而且會以最後一次呼叫StartTone的聲音為主,如果同時播放多個聲音檔,則只會聽到最後一個聲音。

Xamarin : Android : Lock Screen(View) Orientation 禁止螢幕(畫面)旋轉

在 Xamarin 開發 Android 的時候如果要禁止畫面旋轉 要在 Activity 的程式碼使用下面方式(黃色部分)宣告 [Activity(Label = "ZxingTest", MainLauncher = true, Icon = "@drawable/icon" , ScreenOrientation =Android.Content.PM.ScreenOrientation.Portrait) ] Android.Content.PM.ScreenOrientation 裡面有些列舉屬性,像是: Android.Content.PM.ScreenOrientation.Portrait (豎屏;直向畫面) Android.Content.PM.ScreenOrientation.Landscape (橫屏;橫向畫面) 而大部分網路上說修改 AndroidManifest.xml 裡面更改 <activity> 屬性增加 android:screenOrientation="portrait"等這類方式都是  Android Studio 的開發方式 不是 Ms Visual Studio 的開發方式,所以特別紀錄一下。 為什麼要禁止螢幕旋轉: 除了特定版面排版特性之外, 當每次旋轉螢幕時 Activity 和 View都會被重載 (Reload/Redraw) ,此時畫面上所有物件都會被 摧毀並釋放記憶體空間,由於這個特性,在畫面上的資料如果沒被儲存就會消失的一乾二淨。 當然可以利用 OnSaveInstanceState 和 OnRestoreInstanceState 事件覆寫來處理資料儲存和還原,但是如果不想做太複雜,就直接設定禁止畫面旋轉就可以了。

Xamarin : Android : Using ZXing.Net.Mobile Scan Barcode 掃描讀取條碼/QR碼

圖片
網路上大部份文章在講 Xamarin 開發都用上了 CPL類型的專案, 對於純粹使用 Android 專案使用者要理解真是有點不方便, 這裡是記錄了在 Xamarin 下的 Android 專案如何開發一個讀取 條碼或是 QR碼的功能 個功能是基於 ZXing.Net.Mobile 套件開發的,可以自行把這個套件應用你的專案中 1、假設你經開啟了一個 Android blank Project (空白專案) 2、使用 NuGet 管理員去新增 ZXing.Net.Mobile 套件,並把它安裝到專案中 3、然後到你要呼叫使用 ZXing 操作的 Activity 去新增引用(在這案例裡我是放在 MainActivity.cs 內) using ZXing; using ZXing.Mobile; 4、在顯示畫面(Main.axml)上設計兩個 TextView 和一個 Button,用來啟動掃描和接收掃描的結果 5、然後就是把操作 ZXing 的程式碼加入,在這案例中,我只簡單全部做在 MainActivity 的 OnCreate 內,實際應用上你可以依照需要放置。 using Android.App; using Android.Widget; using Android.OS; using ZXing; using ZXing.Mobile; namespace ZxingTest {     [Activity(Label = "ZxingTest", MainLauncher = true, Icon = "@drawable/icon")]     public class MainActivity : Activity     {         //建立操作物件指標         private TextView _barcodeFormat, _barcodeData;         protected override void OnCreate(Bundle bundle) ...

C# AES encrypt/decrypt and Base64 encode/decode

圖片
範例檔案: 這裡下載 純執行檔: 這裡下載 有興趣研究 AES 加解密 與 Base64 編解碼 的可以研究一下 因為用到了AES 元件,所以只適用 .NET 3.5 以上 畫面如下: 為什麼 AES 和 BASE64 寫在一起? 因為 AES 加密後的內容是 ASCII 碼,很多是無法以明文顯示的,因此會再編碼成BASE64以便傳遞或攜帶。反過來說,接收到AES的密碼通常會以BASE64編成居多,所以必須解碼後再進行AES解密環原本文。 Base64編碼: 要引用  using System; //將文字內容(明文)轉成base64文字(編碼) tbB64_2.Text = Convert.ToBase64String(Encoding.Default.GetBytes(tbB64_1.Text)); Base64解碼: 要引用  using System; //將base64編碼文字轉回明文(解碼) tbB64_1.Text = Encoding.Default.GetString(Convert.FromBase64String(tbB64_2.Text)); AES加密: 要引用  using System.Security.Cryptography; static byte[] EncryptionByAES(string plainText, byte[] key, byte[] IV) {   byte[] encrypted;   //檢查參數   if (plainText == null || plainText.Length <= 0)      throw new ArgumentNullException("沒有要加密的文字");   if (key == null || key.Length <= 0)      throw new ArgumentNullException("沒有提供金鑰");   if (IV == null || IV.Length <= 0)       ...

How customize part for Fritzing - 如何自訂 Fritzing 的元件

圖片
建議先瞭解一下 Fritzing customized part principle - Fritzing 自訂元件原則 如果不想瞭解或沒時間瞭解也沒關係,反正就是依樣畫葫蘆也可以 這裡使用的是 Fritzing 0.93b 版的,跟舊版的操作方式會有相當的出入,請注意 。 ○使用的工具:      Fritzing 0.93b 和 Inkscape 0.92.2 ○認識 Fritzing 元件編輯器:     這個版本的元件編輯器所在位置非常彆扭,以前它是直接列在工具『元件』裡面,現在則必須把元件拖進麵包板後才能新建元件。 1、首先開啟 Fritzing ,然後到『麵包板』 2、然後從右側『元件』拖拉一個元件到『麵包板』上,我這邊是選擇『CORE』裡面的 Mysery Part - 3 Pin 3、在『麵包板』上的元件按滑鼠右鍵叫出選單,選單裡面有個『Edit(New Parts Editor)』,點入後就可以看到元件編輯器了 元件編輯器上有6個主要標籤: 麵包板(breadboard): 主要是使用在麵包板上的圖片。 概要圖( schematic): 這邊我會稱為電路圖,因為這比較像電工科在畫的電路圖。 PCB: 印刷板電路,主要是提供給製作PCB輸出時的設計使用。 圖示(icon): 顯示在元件庫上的小圖案/圖示。 Metadata: 這個元件的相關資訊/訊息。 連接器(Connector): 設定這個元件的連接器/街腳/接點 編號、形式、名稱等等。 其中,前4種需要設計圖檔,但其實第4種 icon 可以使用元件編輯器直接以麵包板圖做為縮圖使用。 如果自製元件編輯完畢,記得要存檔,否則會消失不見喔!!! (它不會自動存檔) ○開始繪製圖檔:     使用 Inkscape 繪製 SVG圖檔。 我這邊的例子是以我在網路上購買的一個旋轉編碼器為例 在SVG設計上力求尺寸標準,尤其是連接器的接腳部分,因為這會大大影響您的元件使用在麵包板上時的的孔位是否能對準。 在製作圖檔時至少要做3種圖: 麵包板用 breadboard 概...

Fritzing customized part principle - Fritzing 自訂元件原則

圖片
設計 Arduino 或 Resberry pi 的人,大概都用過 Fritzing 來設計電路 雖然它是免費的(當然也接受捐款,我也捐款過),但是缺點是零件(Part)種類無法包山包海。 大家最常遇到的問題是,找不到自己正在使用的零件,所以得靠第三方(別人的)的零件庫。 雖然有第三方零件庫,但說真的,在台灣的玩家常買對岸的零件時,或特製零件(某些賣場會找工廠批量設計生產)時都會找不到零件庫可以用或是下載。 雖然,網路上也接受客製化元件庫設計,不過是要收費的,對於學生/經濟力較弱的人來說,真的都是困難,不過 Fritzing 官方網站也有教您自己如何設計元件,也歡迎您把設計元件庫放在 GitHub 上分享給別人,不過前提是你要搞懂 Fritzing 設計元件的原理和方法。 所以,我把 Fritzing 使用自訂元件的原理,和設計方法簡單的說明一下,讓有心自己設計的人可以很方便的上手。 由於原理和實作內容可能不少,所以我分成幾篇來處理: Fritzing customized part principle - Fritzing 自訂元件原則(本篇) How customize part for Fritzing - 如何自訂 Fritzing 的元件 Make your fzbz file - 建立可以分享的元件檔(正在寫...) 注意我使用的 Fritzing 版本是 0.93b 的版本 , 作業系統是 Windows ,而網路上的中文教學大部分是舊版的而且不少使用 Linux (先說聲抱歉,我沒有用過 Linux,路徑請自行轉換),所以使用上有很大落差,尤其常常會找不到對應的功能表。 關係圖 檔案位置 ※沒相關資料夾的人請先安裝 Fritzing ,然後執行一次就會產生下面需要的資料夾。 Fritzing 的自訂元件通常會放在 %user%\Documents\Fritzing 下,這底下會有 Parts 和 Bins 兩個資料夾: 這個 bins 就是 Fritzing 畫面右邊那個元件庫啦~ 裡面會看到 search.fzb 和 my_parts.fzb 就是對應 搜尋放大鏡 和 My Parts 元件庫(Library)的。(圖...