Android 9パッチイメージボタンが意図したとおりにスケーリングされない

Question

ボタンを作成するために9パッチテクニックを使用しようとしています。

：

それは

私はエミュレータでそれを実行すると、それはこのように現れるのEclipseのレイアウトウィンドウでほとんど素晴らしく見えますここに実際のPNG画像

セレクタXML

<item android:drawable="@drawable/splash_facebook_button" /> 

レイアウト

<Button 
     android:id="@+id/button1" 
     android:layout_width="208dp" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:layout_marginTop="20dip" 
     android:background="@drawable/splash_facebook_button_selector" 
     android:text="Sign up with Facebook" /> 

でボタンのコード

Answer 1

9枚の画像を扱っていないように見えます。拡張子.9.pngで保存しましたか？

編集： 実際のイメージをよく見れば、正しくセットアップされたとは思いません。下の境界線と右の境界線は、コンテンツがどこに行くのかを定義します（この場合は、右に詰め込みます）。 画像の拡大縮小時に拡大される領域を上と左で定義します。この場合、ロゴではなく、引き伸ばされた一定の青色の領域にしたいと考えています。私はこれを行う方法の一例で画像を更新しました：

これは私の作品！