Just a Computer Graphics Studio & My Life

Posts tagged ‘user interface’

[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)

(繼續閱讀…)

標籤雲

%d 位部落客按了讚: