Just My Life & My Work

Posts tagged ‘user interface’

[iOS] IAP 付款介面

最近在幫人「救火」,開發 IAP 功能,朋友公司高層好奇,IAP 付款介面能否用 Touch ID 或 Face ID,在此我研究了些眉角。😌

什麼是 IAP 呢?全名是 In App Purchase,中文叫應用內購買

這是捷運管家的付款示意圖。
廣告

其實我在2014年已開發過 IAP,時隔多年來到2021年,後台設定項目的介面也改頭換面,感覺上已經比過去好設定。

(繼續閱讀…)

[iOS] TextView 動態高度 (TextView Dynamic Height)

我們一定使用過通訊App,輸入框會隨著字數多換行而高度變大。四年前我寫過文章:動態框架 (Dynamic Frame),這次我要來講進階用法,就是邊打字邊算輸入框的高度:TextView 動態高度 (TextView Dynamic Height)

如上圖,我要打三元合一的緣由,從第一行開始,到「兩千年」的下一個字,就會計算兩行高度,此時需要實作TextView的Delegate,每打一字就會觸發:

-(BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text

就在裡頭就能即時運算高度。

(繼續閱讀…)

使用Mac輕鬆繳稅

2018年終於因為年輕世代的唐鳳,能引導國家資訊科技發展,當前最有感的是使用Mac輕鬆繳稅

使用Mac輕鬆繳稅.png

看到申報系統有四種選擇,還有清楚明瞭的說明,才知道去年使用「戶口名簿戶號+查詢碼」,還要自己Key In資料,這次我使用「自然人憑證」,就無需再自行輸入啦~

我拿出再過兩年就要過期的自然人憑證,和一年只會用到一次的晶片讀卡機,今年很讓人驚豔地繳完稅!

可參考:第一次辦自然人憑證就上手第一次網路報稅就上手

(繼續閱讀…)

[iOS] iPhone Point and Pixel

隨著iOS 11的來臨,Apple發表最新一代的手機iPhone X,它的螢幕大小是iPhone有史以來最大5.8吋,所以在設計UI/UX上就要有所調整。過去的幾個螢幕大小:

  • 3.5吋
  • 4吋
  • 4.7吋
  • 5.5吋

已不成問題,因為從2014年末開始至今三年的時間,發表iPhone的機種螢幕大小是4.7吋和5.5吋,這讓設計師開發者都已習慣。

Design-Resolutions Points and Pixels

(繼續閱讀…)

[iOS] 移除所有子視圖 (Remove All Subviews)

有時候必須要移除所有子視圖 (Remove All Subviews),再來產生新的子視圖,除了可以回復原始狀態外,管理起來也挺方便的!

Remove All Subviews.PNG

(繼續閱讀…)

[Ionic][AngularJS] 動作選單 (Action Sheet)

動作選單 (Action Sheet)是個很常用到的介面,原來只要複製以下的程式碼來改就行囉!

[Ionic] 動作選單 (Action Sheet)

/**
 Theme: Action Sheet
 IDE: None
 Language: AngularJS
 Date: 106/10/16
 Author: HappyMan
 Blog: https://cg2010studio.com/
 */

      var hideSheet = $ionicActionSheet.show({
        buttons: [
         { text: '照相' },
         { text: '相簿' }
        ],
        // destructiveText: 'Delete',
        titleText: '請選擇',
        cancelText: '取消',
        cancel: function() {
            console.log('cancel add');
          },
        buttonClicked: function(index) {
          if (index == 0) {
            console.log('照相');

          }
          if (index == 1) {
            console.log('相簿');

          }
         return true;
        }
      });

記得要引用$ionicActionSheet

參考:ionic 1- $ionicActionSheet

[APP] 小米與華米的運動紀錄

眾所皆知的「小米」,其實還有個兄弟,他叫做「華米」,小米主打低價產品,華米則推廣高價位商品。前者小米手環2在台灣865台幣,後者華米健康手環在大陸賣699人民幣,差異就在華米手環可以多測心電。

為了下週一的如來神掌賽事30公里,171005週四我下班後抽空到四號公園跑甜甜圈,邊看可愛狗兒和美麗女孩,這樣我就更有體力啦~不然我真想去跑河堤!

(繼續閱讀…)

iPhone X 模擬器

台灣時間9/13凌晨1點,Apple的特別活動就是發表最新的iPhone,這一次同時發布三支iPhone:iPhone 8、iPhone 8 Plus、iPhone X

到公司後,立馬下載Xcode 9 GM,來體驗iPhone X 模擬器的呈現效果。就以我最近正在開發的自製遊戲-抓神魔獸為例。

(繼續閱讀…)

[APP] 小米運動之睡眠

小米運動App最近更新到3.0版,介面看起來更加「討喜」,因為它會分析你的紀錄,來跟所有使用者比較,還會貼心跟你說「入睡太晚」XD~

這張圖表示深淺眠分布狀況,我昨晚深淺比例為2:3,它建議我22時前睡覺比較好!

APP 小米運動之睡眠00003

69分不知道依據為何?我想要觀察一陣子才會知道~

(繼續閱讀…)

[iOS] Label 文字分散對齊 (Label Text Decentralized Alignment)

原本使用的元件UILabel只有置左、中、右三種選擇,然而有時候我們想要Label文字分散對齊,原本我想要找第三方套件,不過想起上個月研蘋果有在粉絲團上分享解法,於是就拿來嘗試,果真用內建的CATextLayer就能做到!

[iOS] Label 文字分散對齊 (Label Text Decentralized Alignment)

(繼續閱讀…)

標籤雲