blocks|key|1345831|text|您只需要设置相关的可绘制项目，并在复选框中进行设置：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1345832|<CheckBox+
++++android:layout_width="wrap_content"+
++++android:layout_height="wrap_content"
++++android:text="new+checkbox"+
++++android:background="@drawable/my_checkbox_background"
++++android:button="@drawable/my_checkbox"+/>|code-block|syntax|javascript|1345833|诀窍在于如何设置可绘制的内容。Here's+a+good+tutorial+about+this。|offset|length|1345834|entityMap|0|LINK|mutability|MUTABLE|url|http://www.anddev.org/tutorial_change_look_of_checkbox-t4553.html^0|0|0|F|X|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

You just need to set the related drawables and set them in the checkbox:

<pre><code>&lt;CheckBox 
 android:layout_width="wrap_content" 
 android:layout_height="wrap_content"
 android:text="new checkbox" 
 android:background="@drawable/my_checkbox_background"
 android:button="@drawable/my_checkbox" /&gt;
</code></pre>

The trick is on how to set the drawables. <a href="http://www.anddev.org/tutorial_change_look_of_checkbox-t4553.html" rel="noreferrer">Here's a good tutorial about this</a>.

blocks|key|1130548|text|从API级别11开始，存在另一种方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1130549|<CheckBox
++++...
++++android:scaleX="0.70"
++++android:scaleY="0.70"
/>|code-block|syntax|javascript|1130550|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Starting with API Level 11 there is another approach exists:

<pre><code>&lt;CheckBox
 ...
 android:scaleX="0.70"
 android:scaleY="0.70"
/&gt;
</code></pre>

blocks|key|1345975|text|我使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1345976|android:scaleX="0.70"+android:scaleY="0.70"|offset|length|style|CODE|1345977|调整复选框大小的步骤|1345978|然后我像这样设置页边距|1345979|android:layout_marginLeft="-10dp"|code-block|syntax|javascript|1345980|要调整复选框的位置，请执行以下操作。|1345981|entityMap^0|0|0|17|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@$D|W|E|X|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|Y|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|Z|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|10|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

I use

<code>android:scaleX="0.70"
android:scaleY="0.70"</code>

to ajust the size of checkbox

then I set margins like this

<pre><code>android:layout_marginLeft="-10dp"
</code></pre>

to adjust ths location of the checkbox.

blocks|key|1130588|text|这是我做的第一组：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1130589|android:button="@null"|offset|length|style|CODE|1130590|并且还设置了|1130591|android:drawableLeft="@drawable/selector_you_defined_for_your_checkbox"|code-block|syntax|javascript|1130592|然后在您的Java代码中：|1130593|Drawable+d+=+mCheckBox.getCompoundDrawables()[0];
d.setBounds(0,+0,+width_you_prefer,+height_you_prefer);
mCheckBox.setCompoundDrawables(d,+null,+null,+null);|1130594|它适用于我，希望它也适用于您！|1130595|entityMap^0|0|0|M|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|10|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|11|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|12|8|@]|9|@]|A|$]]|$1|Q|3|R|5|L|7|13|8|@]|9|@]|A|$M|N]]|$1|S|3|T|5|6|7|14|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

Here was what I did, first set:

<code>android:button="@null"</code> 

and also set 

<pre><code>android:drawableLeft="@drawable/selector_you_defined_for_your_checkbox"
</code></pre>

then in your Java code:

<pre><code>Drawable d = mCheckBox.getCompoundDrawables()[0];
d.setBounds(0, 0, width_you_prefer, height_you_prefer);
mCheckBox.setCompoundDrawables(d, null, null, null);
</code></pre>

It works for me, and hopefully it will work for you!

blocks|key|1130880|text|我找不到与我的需求相关的答案，我想明白了。因此，这个答案适用于带有文本的复选框，如下所示，您希望分别调整复选框可绘制和文本的大小。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1130881|​|1130882|📷|atomic|offset|length|1130883|1130884|您需要两个PNG+cb_checked.png和cb_unchechecked.png将它们添加到可绘制文件夹|1130885|现在创建cb_bg_checked.xml|1130886|<?xml+version="1.0"+encoding="utf-8"?>
<layer-list+xmlns:tools="http://schemas.android.com/tools"
++++xmlns:android="http://schemas.android.com/apk/res/android">
++++<item+android:drawable="@drawable/cb_checked"
++++++++android:height="22dp"+
++++++++android:width="22dp"++
++++++++android:right="6dp"+++
++++++++tools:targetApi="m"
++++++++tools:ignore="UnusedAttribute"+/>
</layer-list>|code-block|syntax|javascript|1130887|还有，cb_bg_unchecked.xml|1130888|+<?xml+version="1.0"+encoding="utf-8"?>
++++<layer-list+xmlns:android="http://schemas.android.com/apk/res/android"
++++++++xmlns:tools="http://schemas.android.com/tools">
++++++++<item+android:drawable="@drawable/cb_unchechecked"
++++++++++++android:height="22dp"+
++++++++++++android:width="22dp"++
++++++++++++android:right="6dp"+++
++++++++++++tools:targetApi="m"
++++++++++++tools:ignore="UnusedAttribute"+/>
++++</layer-list>|1130889|然后创建选择器XML+checkbox.xml|1130890|<?xml+version="1.0"+encoding="utf-8"?>
<selector+xmlns:android="http://schemas.android.com/apk/res/android">
++++<item+android:drawable="@drawable/cb_bg_checked"+android:state_checked="true"/>
++++<item+android:drawable="@drawable/cb_bg_unchecked"+android:state_checked="false"/>
</selector>|1130891|现在将它定义为您的layout.xml|1130892|<CheckBox
++android:id="@%2Bid/checkbox_with_text"
++android:layout_width="wrap_content"
++android:layout_height="wrap_content"
++android:checked="true"
++android:button="@drawable/checkbox"
++android:text="This+is+text"
++android:textColor="@color/white"
++android:textSize="14dp"+/>+|1130893|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/6788794fa6e530d804d497011819a1de.png|imageAlt^0|0|0|0|1|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1D|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1E|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1F|8|@]|9|@$G|1G|H|1H|1|1I]]|A|$]]|$1|I|3|C|5|6|7|1J|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|1K|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|1L|8|@]|9|@]|A|$]]|$1|N|3|O|5|P|7|1M|8|@]|9|@]|A|$Q|R]]|$1|S|3|T|5|6|7|1N|8|@]|9|@]|A|$]]|$1|U|3|V|5|P|7|1O|8|@]|9|@]|A|$Q|R]]|$1|W|3|X|5|6|7|1P|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|P|7|1Q|8|@]|9|@]|A|$Q|R]]|$1|10|3|11|5|6|7|1R|8|@]|9|@]|A|$]]|$1|12|3|13|5|P|7|1S|8|@]|9|@]|A|$Q|R]]|$1|14|3|-4|5|6|7|1T|8|@]|9|@]|A|$]]]|15|$16|$5|17|18|19|A|$1A|1B|1C|-4]]]]

I could not find the relevant answer for my requirement which I figured it out. So, this answer is for checkbox with text like below where you want to resize the checkbox drawable and text separately.

<a href="https://i.stack.imgur.com/IWp0f.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IWp0f.png" alt="enter image description here"></a>

You need two PNGs cb_checked.png and cb_unchechecked.png add them to drawable folder

Now create cb_bg_checked.xml

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;layer-list xmlns:tools="http://schemas.android.com/tools"
 xmlns:android="http://schemas.android.com/apk/res/android"&gt;
 &lt;item android:drawable="@drawable/cb_checked"
 android:height="22dp" &lt;!-- This is the size of your checkbox --&gt;
 android:width="22dp" &lt;!-- This is the size of your checkbox --&gt;
 android:right="6dp" &lt;!-- This is the padding between cb and text --&gt;
 tools:targetApi="m"
 tools:ignore="UnusedAttribute" /&gt;
&lt;/layer-list&gt;
</code></pre>

And, cb_bg_unchecked.xml

<pre><code> &lt;?xml version="1.0" encoding="utf-8"?&gt;
 &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"&gt;
 &lt;item android:drawable="@drawable/cb_unchechecked"
 android:height="22dp" &lt;!-- This is the size of your checkbox --&gt;
 android:width="22dp" &lt;!-- This is the size of your checkbox --&gt;
 android:right="6dp" &lt;!-- This is the padding between cb and text --&gt;
 tools:targetApi="m"
 tools:ignore="UnusedAttribute" /&gt;
 &lt;/layer-list&gt;
</code></pre>

Then create a selector XML checkbox.xml

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;
 &lt;item android:drawable="@drawable/cb_bg_checked" android:state_checked="true"/&gt;
 &lt;item android:drawable="@drawable/cb_bg_unchecked" android:state_checked="false"/&gt;
&lt;/selector&gt;
</code></pre>

Now define it your layout.xml like this

<pre><code>&lt;CheckBox
 android:id="@+id/checkbox_with_text"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:checked="true"
 android:button="@drawable/checkbox"
 android:text="This is text"
 android:textColor="@color/white"
 android:textSize="14dp" /&gt; &lt;!-- Here you can resize text --&gt;
</code></pre>

blocks|key|1130674|text|使用此代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1130675|在布局中：|1130676|<CheckBox
++++++++android:layout_width="wrap_content"
++++++++android:layout_height="wrap_content"
++++++++android:button="@drawable/my_checkbox"++***+here
++++++++android:checked="true"/>|code-block|syntax|javascript|1130677|添加一个新的可绘制:+my_checkbox.xml|1130678|<?xml+version="1.0"+encoding="utf-8"?>
<selector+xmlns:android="http://schemas.android.com/apk/res/android">

<item
++++android:state_checked="false"
++++android:drawable="@drawable/checkbox_off_background"/>

<item
++++android:state_checked="true"
++++android:drawable="@drawable/checkbox_on_background"/>|1130679|​|1130680|并最终创建2个可绘制的：|1130681|checkbox_off_background.xml|1130682|<?xml+version="1.0"+encoding="utf-8"?>
<layer-list
++++xmlns:android="http://schemas.android.com/apk/res/android">

<item>
++++<shape+android:shape="rectangle">
++++++++<size
++++++++++++android:height="25dp"+++***+your+size
++++++++++++android:width="25dp"/>
++++</shape>
</item>

<item+android:drawable="@android:drawable/checkbox_off_background"/>|1130683|1130684|还有，checkbox_on_background.xml|1130685|<?xml+version="1.0"+encoding="utf-8"?>
<layer-list
++++xmlns:android="http://schemas.android.com/apk/res/android">

<item>
++++<shape+android:shape="rectangle">
++++++++<size
++++++++++++android:height="25dp"
++++++++++++android:width="25dp"/>
++++</shape>
</item>

<item+android:drawable="@android:drawable/checkbox_on_background"/>|1130686|1130687|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|13|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|14|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|15|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|16|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|17|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|18|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|19|8|@]|9|@]|A|$]]|$1|S|3|T|5|F|7|1A|8|@]|9|@]|A|$G|H]]|$1|U|3|N|5|6|7|1B|8|@]|9|@]|A|$]]|$1|V|3|W|5|6|7|1C|8|@]|9|@]|A|$]]|$1|X|3|Y|5|F|7|1D|8|@]|9|@]|A|$G|H]]|$1|Z|3|N|5|6|7|1E|8|@]|9|@]|A|$]]|$1|10|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|11|$]]

use this code.

in layout:

<pre><code>&lt;CheckBox
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:button="@drawable/my_checkbox" *** here
 android:checked="true"/&gt;
</code></pre>

add a new drawable : my_checkbox.xml

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;

&lt;item
 android:state_checked="false"
 android:drawable="@drawable/checkbox_off_background"/&gt;

&lt;item
 android:state_checked="true"
 android:drawable="@drawable/checkbox_on_background"/&gt;
</code></pre>



and end create 2 drawable :

checkbox_off_background.xml

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;layer-list
 xmlns:android="http://schemas.android.com/apk/res/android"&gt;

&lt;item&gt;
 &lt;shape android:shape="rectangle"&gt;
 &lt;size
 android:height="25dp" *** your size
 android:width="25dp"/&gt;
 &lt;/shape&gt;
&lt;/item&gt;

&lt;item android:drawable="@android:drawable/checkbox_off_background"/&gt;
</code></pre>



and too, checkbox_on_background.xml

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;layer-list
 xmlns:android="http://schemas.android.com/apk/res/android"&gt;

&lt;item&gt;
 &lt;shape android:shape="rectangle"&gt;
 &lt;size
 android:height="25dp"
 android:width="25dp"/&gt;
 &lt;/shape&gt;
&lt;/item&gt;

&lt;item android:drawable="@android:drawable/checkbox_on_background"/&gt;
</code></pre>

blocks|key|1346121|text|假设您的原始xml为：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1346122|<?xml+version="1.0"+encoding="utf-8"?>
<selector+xmlns:android="http://schemas.android.com/apk/res/android">
++++<item+android:state_checked="true"
++++++++android:drawable="@drawable/tick_img"+/>
++++<item+android:state_checked="false"
++++++++android:drawable="@drawable/untick_img"+/>
</selector>|code-block|syntax|javascript|1346123|然后简单地删除复选框xml中的android:button="@drawable/xml_above"，并在java中以编程方式进行可绘制缩放(将150大小减小到您想要的dp)：|offset|length|style|CODE|1346124|CheckBox+tickRememberPasswd+=+findViewById(R.id.remember_tick);

//custom+selector+size
Drawable+drawableTick+=+ContextCompat.getDrawable(this,+R.drawable.tick_img);
Drawable+drawableUntick+=+ContextCompat.getDrawable(this,+R.drawable.untick_img);
Bitmap+bitmapTick+=+null;
if+(drawableTick+!=+null+&&+drawableUntick+!=+null)+{
++++int+desiredPixels+=+Math.round(convertDpToPixel(150,+this));

++++bitmapTick+=+((BitmapDrawable)+drawableTick).getBitmap();
++++Drawable+dTick+=+new+BitmapDrawable(getResources()
++++++++++++,+Bitmap.createScaledBitmap(bitmapTick,+desiredPixels,+desiredPixels,+true));

++++Bitmap+bitmapUntick+=+((BitmapDrawable)+drawableUntick).getBitmap();
++++Drawable+dUntick+=+new+BitmapDrawable(getResources()
++++++++++++,+Bitmap.createScaledBitmap(bitmapUntick,+desiredPixels,+desiredPixels,+true));

++++final+StateListDrawable+statesTick+=+new+StateListDrawable();
++++statesTick.addState(new+int[]+{android.R.attr.state_checked},
++++++++++++dTick);
++++statesTick.addState(new+int[]+{+},+//else+state_checked+false
++++++++++++dUntick);
++++tickRememberPasswd.setButtonDrawable(statesTick);
}|1346125|convertDpToPixel方法：|1346126|public+static+float+convertDpToPixel(float+dp,+Context+context)+{
++++Resources+resources+=+context.getResources();
++++DisplayMetrics+metrics+=+resources.getDisplayMetrics();
++++float+px+=+dp+*+(metrics.densityDpi+/+160f);
++++return+px;
}|1346127|entityMap^0|0|0|F|10|21|3|0|0|0|G|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@$I|X|J|Y|K|L]|$I|Z|J|10|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|12|8|@$I|13|J|14|K|L]]|9|@]|A|$]]|$1|Q|3|R|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|S|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|T|$]]

Assume your original xml is:

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;
 &lt;item android:state_checked="true"
 android:drawable="@drawable/tick_img" /&gt;
 &lt;item android:state_checked="false"
 android:drawable="@drawable/untick_img" /&gt;
&lt;/selector&gt;
</code></pre>

then simply remove <code>android:button="@drawable/xml_above"</code> in your checkbox xml, and do drawable scaling programmatically in java (decrease the <code>150</code> big size to your desired dp):

<pre><code>CheckBox tickRememberPasswd = findViewById(R.id.remember_tick);

//custom selector size
Drawable drawableTick = ContextCompat.getDrawable(this, R.drawable.tick_img);
Drawable drawableUntick = ContextCompat.getDrawable(this, R.drawable.untick_img);
Bitmap bitmapTick = null;
if (drawableTick != null &amp;&amp; drawableUntick != null) {
 int desiredPixels = Math.round(convertDpToPixel(150, this));

 bitmapTick = ((BitmapDrawable) drawableTick).getBitmap();
 Drawable dTick = new BitmapDrawable(getResources()
 , Bitmap.createScaledBitmap(bitmapTick, desiredPixels, desiredPixels, true));

 Bitmap bitmapUntick = ((BitmapDrawable) drawableUntick).getBitmap();
 Drawable dUntick = new BitmapDrawable(getResources()
 , Bitmap.createScaledBitmap(bitmapUntick, desiredPixels, desiredPixels, true));

 final StateListDrawable statesTick = new StateListDrawable();
 statesTick.addState(new int[] {android.R.attr.state_checked},
 dTick);
 statesTick.addState(new int[] { }, //else state_checked false
 dUntick);
 tickRememberPasswd.setButtonDrawable(statesTick);
}
</code></pre>

the <code>convertDpToPixel</code> method:

<pre><code>public static float convertDpToPixel(float dp, Context context) {
 Resources resources = context.getResources();
 DisplayMetrics metrics = resources.getDisplayMetrics();
 float px = dp * (metrics.densityDpi / 160f);
 return px;
}
</code></pre>

blocks|key|1346321|text|如果你想在checkbox中添加自定义图像，那么将button设置为null，然后将背景添加到已解算复选框中|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1346322|+<CheckBox
++++android:layout_width="22dp"
++++android:layout_height="22dp"
++++android:layout_marginLeft="-10dp"
++++android:button="@null"
++++android:background="@drawable/memory_selector"/>|code-block|syntax|javascript|1346323|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you want to add a custom image to checkbox then
set button to null and just add background to checkbox
that's solve
<pre><code> &lt;CheckBox
 android:layout_width=&quot;22dp&quot;
 android:layout_height=&quot;22dp&quot;
 android:layout_marginLeft=&quot;-10dp&quot;
 android:button=&quot;@null&quot;
 android:background=&quot;@drawable/memory_selector&quot;/&gt;
</code></pre>

问安卓:如何改变CheckBox大小？
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问安卓:如何改变CheckBox大小？EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问安卓:如何改变CheckBox大小？
EN