もうすこしmusic playerをいじってみた

カスタマイズも、かなり細かいところまで進んできたので、いよいよmusic playerのスキンを作る事にした。
だって・・・なんだよあのオザナリ感丸出しの白い三角マークは・・・秀逸なiPhone interface で唯一まじめに作ってると思えん箇所だ。
で、着手したはよいが、どっこい情報が圧倒的に少ない。
大抵は、グーグルせんせーに頼るか、Cydiaの中のテーマを適当にサルベージして参考にするのだが、今回は本当に困った。
iOS対応かつ Music player を丸ごと対象にしているテーマが1つしか見つからない。
こうなると大変だ。
1つずつ入れ替えては、どこが変わったか検証。時間がかかることこの上ない。
まぁ、手始めに簡単なところから・・・ということで、再生・一時停止・早送り・巻き戻しボタンの変更から着手。
で・・・再生(▶)と一時停止(||)ボタンを入れ替えて操作してみると・・・あれれ?　ズレる??
本来なら再生ボタンを押すと同じ位置で一時停止ボタンと入れ替わるのだ。
ところがなぜか数ピクセル左に一時停止ボタンが現れる。　むぅ・・・・どうなってるのだ???
で、オリジナルの画像をframeworksから取り出してみると、驚愕の事実が!!!
再生ボタンのサイズは
pause.png : 20x45px
play.png : 33x49px
(retina は x2)
ちょいと・・・アップルのデザイナーさんよぉ・・・・横幅は兎も角、縦もちゃうんかい!!
しゃあない・・・オリジナルの透明ファイルに書き込むか、サイズを微調整するか・・・まぁいろいろ試してできた結果がコレ。
背景は以前使用したモノを流用。

操作ボタン部分と、ボリューム部分で透過度を変えて、アルバムアートが映り込む感を出す。
よしよし・・・じゃあ、こんどはメインのアルバムアートに取りかかる事にしよう。
少し前に見つけた解説ページを読む・・・ふむふむ・・・

NowPlayingTopOverlay.png This is a 320x480px image that will become the background of anything that is not covered by the ^ bottom overlay. It can be more than 320x480, or less. It covers the bar at the top that displays all the song info, and the album info area. Remember to leave a 96 pixel fully transparent area at the bottom, that will be taken up by the bottom overlay. Other than that, this image cannot contain any transparency.
んんん???
TopOverlayの画像がalbumと曲情報部分もカバーする???　でなにその"It can be more than 320x480, or less. "ていうフレキシブルな設定は???
むぅ・・・そのサイズだと思いっきりアルバムアート/歌詞部分に引っかかることになるんですけど・・・
まぁ、とりあえずやってみると・・・
つづく