Posted by yamada on 2013/11/29 – 10:00
OSS Samplerには既に75個もの優秀なオープンソースライブラリのデモを実装しているのですが、さらに厳選し、12月1日から25日まで毎日1個ずつアドベントカレンダーとして紹介します！！
もちろん、ただ紹介するだけではなく、ソースや仕組みに対してのトルクス的視点も書いていきます。
OSS Sampler AdventCalender 2013
題して「OSS Sampler AdventCalender 2013」
略して「OSA2013」ですので、OSA2013タグで公開していきます。
このエントリは、更新した情報へのリンクをまとめまる目次となります。
目次
– OSS Sampler – iOSオープンソースライブラリ集
Read More »
Posted by yamada on 2013/12/13 – 08:30
「OSS Sampler AdventCalender 2013」 、折り返し地点の13日目は、「URBSegmentedControl」です。
URBSegmentedControl
URBSegmentedControlは、ラベルに画像とタイトルを設定しやすくしたライブラリです。
u10int/URBSegmentedControl – github
MITライセンスです。
使用例
UISegmentedControlのように横だけではなく、縦方向にも並べられるのがこのライブラリの特徴です。
DEMOのコードの一部をご紹介します。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| // items to be used for each segment for all instances
NSArray *titles = [NSArray arrayWithObjects:
[@"Item 1" uppercaseString],
[@"Item 2" uppercaseString],
[@"Item 3" uppercaseString], nil];
NSArray *icons = [NSArray arrayWithObjects:
[UIImage imageNamed:@"mountains.png"],
[UIImage imageNamed:@"snowboarder.png"],
[UIImage imageNamed:@"biker.png"], nil];
// Vertical segmented control with icons in vertical layout
URBSegmentedControl *verticalControl = [[URBSegmentedControl alloc] initWithTitles:titles icons:icons];
verticalControl.frame = CGRectMake(10.0, CGRectGetMaxY(iconControl.frame) + 10.0,
100.0, 300.0);
verticalControl.layoutOrientation = URBSegmentedControlOrientationVertical;
verticalControl.segmentViewLayout = URBSegmentViewLayoutVertical;
[self.view addSubview:verticalControl]; |
これで大体の雰囲気はつかめるのではないでしょうか。
あと、項目選択時の処理もBlocksで下記のように記述できます。
1
2
3
4
| // block-based value change handler
[control setControlEventBlock:^(NSInteger index, URBSegmentedControl *segmentedControl) {
NSLog(@"URBSegmentedControl: control block - index=%i", index);
}]; |
– OSS Sampler – iOSオープンソースライブラリ集
（今回紹介したURBSegmentedControlの動作も確認できます）
Posted by yamada on 2013/12/12 – 08:30
「OSS Sampler AdventCalender 2013」 12日目は、「SVSegmentedControl」です。
SVSegmentedControl
UISegmentedControlというと、複数の項目から選ぶボタンのような雰囲気ですが、それをUISwitchのような感じなデザインで実装したのがSVSegmentedControlです。
（UISegmentedControlを派生させたわけではなく、UIControlをベースにカスタム実装しているので、これがSegmented Controlなのか、Switchなのかは微妙なところですが）
samvermette/SVSegmentedControl – github
MITライセンスです。
文字だけでリッチな表現
画像を使っていないので、いろいろパラメータで設定でき、切替時の挙動もBlocksで指定できるので使いやすいライブラリですね。
OSS Samplerに入っている一番上のものは下記のようなコードで画面に表示されています。
1
2
3
4
5
6
| SVSegmentedControl *navSC = [[SVSegmentedControl alloc] initWithSectionTitles:[NSArray arrayWithObjects:@"Section 1", @"Section 2", nil]];
navSC.changeHandler = ^(NSUInteger newIndex) {
NSLog(@"segmentedControl did select index %i (via block handler)", newIndex);
};
[self.view addSubview:navSC]; |
利用者にやさしいライブラリ
このライブラリのスゴイところは、キチンと各要素にAccessibility（Voice Overとかに対応する機能）の設定を行っていることです。
よりユーザーフレンドリーなアプリを作ろうとしたときには参考になります。
OSS Samplerに実装しているコードを検索してみましたが、UIAccessibilityElementを使用しているライブラリはAdventCalendarだけでした！
「オープンソースなんだから…」と手を抜かないこの姿勢は見習いたいです。
– OSS Sampler – iOSオープンソースライブラリ集
（今回紹介したSVSegmentedControlの動作も確認できます）
Posted by yamada on 2013/12/11 – 08:30
「OSS Sampler AdventCalender 2013」 11日目は、「JSBadgeView」です。
JSBadgeView
JSBadgeViewは、iOS標準のようなバッジを表示するライブラリです。
JaviSoto/JSBadgeView – github
MITライセンスです。
使いやすさは人それぞれ
前回の「LKbadgeView – カスタマイズしやすいバッジ」もバッジのライブラリでしたが、こちらはちょっと方向性が違い、「あるViewにさくっとバッジを付けたい」というときに便利なライブラリです。
「このViewの右上に」とか、「左側で上下は真ん中に」という親Viewに対して位置指定ができるのが一番の特徴です。だから次のようなinitメソッドがあるのです。
1
| - (id)initWithParentView:(UIView *)parentView alignment:(JSBadgeViewAlignment)alignment; |
こういう風に、同じように見えても作者の設計方針が違うのが見えてくるのもオープンソースライブラリを見ていて楽しいことの一つですね。
改良、改良！
実はこのライブラリには以前Pull Requestを送ってマージされた事があります。
・GitHubでPull Requestしてみた « TORQUES LABS
小さなバグ修正だったのですが、ちょっと嬉しかったです。
で、今回この記事を書くにあたって再度見てみたらiOS 7ライクなバッジ表現にできるよう、表示に関する設定プロパティがいろいろ増えていました！
いろんな人が少しずつ良くしていく、オープンソース開発のいいところが見えるライブラリです。
– OSS Sampler – iOSオープンソースライブラリ集
（今回紹介したJSBadgeViewの動作も確認できます）
Posted by yamada on 2013/12/10 – 08:30
「OSS Sampler AdventCalender 2013」 10日目は、「LKbadgeView」です。
LKbadgeView
アプリでいろいろなところで使いたいバッジを作るのに便利なUIView派生クラスです。
lakesoft/LKbadgeView – github
MITライセンスです。
LakeSoftさん
このオープンソースライブラリの作者は、「Cocoaの日々」や「Cocoaの日々情報局」の、あのLakeSoftさんです。
iOSアプリ開発者ならググったときに一度はたどり着くあのサイトの中の人です！
他にもいくつかのオープンソースライブラリを公開しています。
lakesoft – github
最小表示指定がうれしい
シンプルで使いやすいライブラリなのでコードを見れば大体わかると思うのですが、一番いいなー、と思うのは最小表示のときの表示指定ができることですね。
1
| @property (nonatomic, assign) LKBadgeViewWidthMode widthMode; |
このプロパティを設定することで下記のように表現を変えることが出来ます。
優良アプリをつくっておられる巨人の肩に乗りましょう！
– OSS Sampler – iOSオープンソースライブラリ集
（今回紹介したLKbadgeViewの動作も確認できます）
![はてなブックマーク - [OSA2013] URBSegmentedControl – 見栄えの良いSegmented Control](http://b.hatena.ne.jp/entry/image/http://labs.torques.jp/2013/12/13/3446/ "はてなブックマーク - [OSA2013] URBSegmentedControl – 見栄えの良いSegmented Control")
![はてなブックマーク - [OSA2013] SVSegmentedControl – UISwitchのような使い方が出来るライブラリ](http://b.hatena.ne.jp/entry/image/http://labs.torques.jp/2013/12/12/3443/ "はてなブックマーク - [OSA2013] SVSegmentedControl – UISwitchのような使い方が出来るライブラリ")
![はてなブックマーク - [OSA2013] JSBadgeView – 設定しやすいバッジ](http://b.hatena.ne.jp/entry/image/http://labs.torques.jp/2013/12/11/3438/ "はてなブックマーク - [OSA2013] JSBadgeView – 設定しやすいバッジ")
![はてなブックマーク - [OSA2013] LKbadgeView – カスタマイズしやすいバッジ](http://b.hatena.ne.jp/entry/image/http://labs.torques.jp/2013/12/10/3435/ "はてなブックマーク - [OSA2013] LKbadgeView – カスタマイズしやすいバッジ")
