CheckBox横に押し出されるのではなく、それ自体の境界内の中心に配置したい があります。おそらく、説明よりも簡単に実証できます。
中心ではないことに注意してください。現在、次のように定義されています。
<CheckBox
android:id="@+id/checkbox_star"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:button="@drawable/btn_favorite"
android:layout_gravity="center"
android:minWidth="48dp" />
カスタム ボタン ドローアブルは気にしないでください。バニラCheckBoxでも同じように動作します (小さなチェック ボックスも同じように動作します)。
drawableLeft問題は、テキストも表示されることを期待しているため、チェックボックスウィジェットが属性を持つ通常の TextView を使用していることだと思います。(これが、垂直方向の中央に表示されるのに、わずかに左にずれている理由です。)
単純に複数の状態を持つ画像ボタンが必要な場合は、状態リスト セレクターでカスタム画像と共にToggleButtonを使用することをお勧めします。または、ImageView を拡張して Checkable を実装するカスタム クラスを作成することもできます。
親レイアウトを使用してこれを実現できます。
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center">
<CheckBox
android:id="@+id/checkbox_star"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Check box text" />
</LinearLayout>
この整列の問題は、直接拡張または実装するカスタムであるCheckableImageViewによって解決できます。また、他の属性も持っています。ViewImageViewAppCompatImageViewCheckableImageView
import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.widget.Checkable;
import android.widget.ImageView;
/**
* @author hendrawd on 6/23/16
*/
public class CheckableImageView extends ImageView implements Checkable {
public CheckableImageView(Context context) {
super(context);
}
public CheckableImageView(Context context, AttributeSet attrs) {
super(context, attrs);
}
private boolean mChecked = false;
private static final int[] CHECKED_STATE_SET = {android.R.attr.state_checked};
@Override
public int[] onCreateDrawableState(final int extraSpace) {
final int[] drawableState = super.onCreateDrawableState(extraSpace + 1);
if (isChecked())
mergeDrawableStates(drawableState, CHECKED_STATE_SET);
return drawableState;
}
@Override
public void setChecked(boolean checked) {
if (mChecked != checked) {
mChecked = checked;
refreshDrawableState();
}
}
@Override
public boolean isChecked() {
return mChecked;
}
@Override
public void toggle() {
setChecked(!mChecked);
}
@Override
public void setOnClickListener(final OnClickListener l) {
View.OnClickListener onClickListener = new OnClickListener() {
@Override
public void onClick(View v) {
toggle();
l.onClick(v);
}
};
super.setOnClickListener(onClickListener);
}
}
XML の src プロパティでセレクター ドローアブルを設定するだけで、チェックのドローアブル状態が自動的に続きます。
使用例
<your.package.name.CheckableImageView
android:id="@+id/some_id"
android:layout_width="48dp"
android:layout_height="48dp"
android:src="@drawable/set_your_selector_here"
android:padding="14dp"
android:gravity="center" />
セレクターの例(拡張機能付きの drawable フォルダー内に配置.xml)
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/ic_cb_check" android:state_checked="true" android:state_focused="true" />
<item android:drawable="@drawable/ic_cb_uncheck" android:state_checked="false" android:state_focused="true" />
<item android:drawable="@drawable/ic_cb_uncheck" android:state_checked="false" />
<item android:drawable="@drawable/ic_cb_check" android:state_checked="true" />
</selector>
ic_cb_checkとic_cb_uncheckを好みのイメージに変更します。
このコードは、https://gist.github.com/hendrawd/661824a721c22b3244667379e9358b5fでも入手できます。
これは、必要に応じて正しく機能します。背景とボタンの属性がわずかに変更されただけです。このコード スニペットは正常にテストされています。お役に立てれば。
<CheckBox
android:id="@+id/checkbox_star"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="@drawable/btn_favorite"
android:button="@color/transparent"
android:layout_gravity="center"
android:minWidth="48dp" />