iPhoneアプリ開発 芳名帳アプリ作成(5) -ペンサイズと入力エリア数の設定-

公開日: : 最終更新日:2014/04/19 iPhone, IT


 今までの流れ

 画面構成

今回の芳名帳アプリは以下の画面で構成しています。

  • メイン画面(MainViewController)
  • 設定画面(SettingViewController)
  • 記帳画面(GuestBookViewController)

 設定画面

 ペンサイズの設定

前回、設定用のクラスは用意したのでそれを用います。

まず、SettingViewController.xibにSliderを設置します。
そして、スライダーを移動させた時に呼び出される「Value Changed」を利用して設定を保存します。
スクリーンショット 2013-06-22 12.54.45

 - (IBAction)changeFontSize:(UISlider *)sender {
    [UserInfo setPenSize:sender.value];
 }

さらに、設定したペンサイズを設定画面が表示された時のスライダーのデフォルト値にします。

 - (void)setFontSizeBarValue {
    self.fontSizeBar.value = [UserInfo penSize];
 }

これでフォントサイズの設定が可能になりました。

 ペンサイズの描画

今のままだとスライダーを移動させた時にどのぐらいのペンサイズかわかりづらいです。
そこで、スライダーを動かした時に太さを表示させます。

 - (void)viewFontSizeCircle:(UIImageView*)fontSizeView {
    fontSizeView.image = nil;
    [Line draw:fontSizeView setSize:[UserInfo penSize] startPoint:CGPointMake(30,30) endPoint:CGPointMake(30,40)];
 }

「GuestBookViewController.m」に追加したdrawメソッドをLineクラスを用意して、そこに移動させます。
上記で、image=nilにしているのは現在のdrawでは画像の上書きをしているためです。

 入力エリア数の設定

入力できるエリアが今は1つです。
そこで、縦線を入れて入力する箇所を選択できるようにします。

  • 入力エリア数を設定
  • 設定した値を元に入力エリアを分ける

やることは「ペンサイズの設定」と同様です。
以下のメソッドを用意して実装します。

 + (NSInteger)inputAreaNum;
 + (void)setInputAreaNum:(NSInteger)inputAreaNum;

入力エリアに縦線を引くためにdrawメソッドを用いて線をひきます。

 - (void)setLine {
    CGFloat setX = self.nameSpace.frame.size.width/[UserInfo inputAreaNum];
    for(int i = 1; i <= [UserInfo inputAreaNum]; i++) {
        [Pen draw:self.nameSpace setSize:3.0f startPoint:CGPointMake(setX*i, 0) endPoint:CGPointMake(setX*i, self.nameSpace.frame.origin.y + self.nameSpace.frame.size.height)];
    }
 }

広告

関連記事

no image

TwitterAPI 1.1対応で困ったこと −フォロー・フォロワー一覧取得−

  TwitterのAPI1.1に2013年の3月15日までには対応しないといけません。

記事を読む

no image

Androidアプリ開発 -ギャラリーから選んだ画像のサムネイルを取得-

* やりたいこと +ボタンをクリックしてギャラリーを表示。 +ギャラリーで画像を選んだら、その画像の

記事を読む

Jenkins + DeployGate(1) -DeployGateでAndroidアプリ開発-

TestFlight for Androidが発表されて1ヶ月ぐらいたちますが、音沙汰がありません。

記事を読む

Jenkins + iPhoneアプリ(3) -ipaファイルをTestFlightにアップロード-

* これまで - -[http://pplace.jp/2013/01/1192/:title=

記事を読む

no image

Objective-cで悩んでいたこと −アクセサのことについて−

* 疑問 以前書いたiPhoneアプリを開発していて(Objective-Cを触っていて)疑問に思

記事を読む

no image

Facebookがちょっとコワイ vol.1 -自分の情報をコントロールできない-

Facebookの最近の広がり方などを見ていて、少々不安を感じたので思ったことをつらつらと書いてみま

記事を読む

no image

jQueryMobileでタッチ(スワイプ)してページ遷移 -Paginationプラグインの利用-

スマートフォン対応をしていてタッチしてページ遷移させたいケースがあるかと思います。 そんな時に便利

記事を読む

githubを使っての開発(1) -実践github-flow-

今は開発でgithubを利用しています。 開発をおこなう上で、githubをどのように扱えば良いの

記事を読む

no image

iPhoneアプリ開発 -UIButtonのTouch Down、Touch up Inside、Touch up Outsideの使い方-

* Touch DownとTouch up Inside、Touch up Outsideの違い

記事を読む

no image

Androidアプリ開発 -リストをタッチして別ページ表示-

* 前提 -「設定画面」で各種項目を設定。 --Activity:ConfigActivity --

記事を読む

広告

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

広告

no image
[感想] Effective Objective-C 2.0 ☆☆☆☆★(4.5)

* 構成 - 第1章 Objective-Cに慣れる -

no image
[感想] iOSアプリテスト自動化入門 ☆☆☆(3.0)

* 構成 - Chapter 1 テスト自動化への取り組み

DeployGateを試してみた(iOS編) -DeployGateがiOSに対応-

今までのDeployGate - -[http://pplace.

iPhone/iPadアプリを開発するためにやったこと

今までに、iPhoneを3本ほどリリース((リリースしたアプリは全て1

no image
ターミナルでgitのコマンドを補完したりブランチ名を表示する – macでgitを便利に使うために –

* やりたいこと macのターミナルでgitをいじっていると -今の

→もっと見る

PAGE TOP ↑