5つの半径ボタンを持つプログラムを作成する必要があります。これらの各ボタンをクリックすると、円の半径を調整したいと思います(円はすべてのAndroid携帯で同じサイズにする必要があります)。これを見つけるのを手伝ってください...
2 に答える
xml で円形状を作成し、これをボタンまたは imageButton の背景リソースとして設定するか、独自のボタン クラスを実行して onDraw メソッドをオーバーライドすることができます。形状を使用したチュートリアルは次のとおりです。
http://dandar3.blogspot.de/2012/10/android-custom-round-buttons.html
またはここ:
http://yekmer.posterous.com/how-to-make-rounded-buttons-on-android
形状で「長方形」を使用する代わりに、「楕円形」を使用できます。
私があなたの言うことを正しく理解しているかどうかはわかりませんが、すべての電話で同じサイズのボタンを作るのは良い方法ではありません. ビューは独立している必要があり、個々の画面サイズに合わせてビューを作成する必要がありました。これを行うには、xml レイアウトで「dp」単位を使用します。
ここに私の例があります:
1.) まず、drawable フォルダーに shape-drawable を作成します。
round_button_oval_shape.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" >
<solid android:color="#00ced1" />
</shape>
2.) drawable フォルダーに 2 番目の形状を作成します。
rounded_button_oval_shape_pressed.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" >
<solid android:color="#008b8b" />
</shape>
3.) drawable フォルダーにセレクターを作成します。
rounded_button_selector.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/rounded_button_oval_shape_pressed"
android:state_pressed="true"></item>
<item android:drawable="@drawable/round_button_oval_shape"
android:state_pressed="false"></item>
<item android:drawable="@drawable/round_button_oval_shape"></item>
</selector>
4.)メインレイアウトを作成する
main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#000000"
android:gravity="center"
android:orientation="vertical" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hello_world"
android:textColor="#ff0000" />
<Button
android:id="@+id/rounded_button"
android:layout_width="250dp"
android:layout_height="250dp"
android:background="@drawable/rounded_button_selector" />
</LinearLayout>
この部分を実行した場合、アクティビティでそのボタンを使用して何でもできます。
RoundedButtonDemo.java
public class RoundedButtonDemo extends Activity {
private Button mRoundedButton;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
mRoundedButton = (Button) findViewById(R.id.rounded_button); //initialize your button
mRoundedButton.setOnClickListener(new OnClickListener() { // set Button on click listener
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Toast.makeText(RoundedButtonDemo.this, //show a toast when pressing button
R.string.rounded_button_message, Toast.LENGTH_LONG)
.show();
}
});
}
}
ボタンの押された動作を表示するには、形状とセレクターが必要です。最初の形状は、押されていない通常のボタンです。2つ目はプレスされた形状です。セレクターは、押された状態をユーザーに示すために 2 つの形状を使用しています。これを取得するには、 main.xml でセレクターをボタンの背景として設定します。