Android版本：如何更改复选框的大小

Posted 2023-04-19 zbw-m

Android版本：如何更改复选框的大小？

  

安卓android 复选框checkbox
我想提出的CheckBox有点小/大了，我该怎么办呢？
可以通过scaleX = ""  和scaleY=""属性来设置  

1. <CheckBox
2. android:scaleX="0.6"
3. android:scaleY="0.6"
4. android:id="@+id/iv_checkbox"
5. android:layout_width="wrap_content"
6. android:layout_height="wrap_content"
7. android:button="@drawable/checkbox"
8. android:onClick="onClick" />

1. 你只需要设置相关的可绘制对象，并设置它们的复选框：

1. <CheckBox
2. android:layout_width="wrap_content"
3. android:layout_height="wrap_content"
4. android:text="new checkbox"
5. android:background="@drawable/my_checkbox_background"
6. android:button="@drawable/my_checkbox" />

诀窍是如何设置的可绘制对象。下面是关于这个一个很好的教程。 
2. 与API级别11开始有另一种方法存在：

1. <CheckBox
2. ...
3. android:scaleX="0.70" // 我的直接加了这两就好了
4. android:scaleY="0.70"
5. />

3. 更新：这只能从API的17起工程... 要添加到另一个辉煌的答案已经给出，只能使复选框，小到文字大小允许。 按我对这个问题的回答： -我们如何能减少核取方块的大小，请一个想法CheckBox从文本以及图像源于它的高度。 在你的XML设置这些属性：

1. android:text=""
2. android:textSize="0sp"

当然，如果你想没有文本（工作这仅适用 没有这些改变，CheckBox大约是我的形象幅度较大 CodeGo.net，由乔 
4. 本教程介绍了如何做到这一点链接土特 
5. 我找到了一个办法做到这一点，而无需创建自己的图像。换句话说，该系统的图像被缩放。我不会假装，该解决方案是完美的，如果有人知道的方式来缩短的步骤，我会很高兴地找出如何。 首先，我把下列项目（WonActivity）的主要活动类。这是直接从堆栈溢出-谢谢你们！

1. /** get the default drawable for the check box */
2. Drawable getDefaultCheckBoxDrawable()
4. int resID = 0;
5. if (Build.VERSION.SDK_INT <= 10)
7. // pre-Honeycomb has a different way of setting the CheckBox button drawable
8. resID = Resources.getSystem().getIdentifier("btn_check", "drawable", "android");
10. else
12. // starting with Honeycomb, retrieve the theme-based indicator as CheckBox button drawable
13. TypedValue value = new TypedValue();
14. getApplicationContext().getTheme().resolveAttribute(android.R.attr.listChoiceIndicatorMultiple, value, true);
15. resID = value.resourceId;
17. return getResources().getDrawable(resID);

第二，我创建了一个类“缩放绘制”。请注意，它从标准ScaleDrawable不同。

1. import android.graphics.drawable.*;
2. /** The drawable that scales the contained drawable */
3. public class ScalingDrawable extends LayerDrawable
5. /** X scale */
6. float scaleX;
7. /** Y scale */
8. float scaleY;
9. ScalingDrawable(Drawable d, float scaleX, float scaleY)
11. super(new Drawable[] d );
12. setScale(scaleX, scaleY);
14. ScalingDrawable(Drawable d, float scale)
16. this(d, scale, scale);
18. /** set the scales */
19. void setScale(float scaleX, float scaleY)
21. this.scaleX = scaleX;
22. this.scaleY = scaleY;
24. /** set the scale -- proportional scaling */
25. void setScale(float scale)
27. setScale(scale, scale);
29. // The following is what I wrote this for!
30. @Override
31. public int getIntrinsicWidth()
33. return (int)(super.getIntrinsicWidth() * scaleX);
35. @Override
36. public int getIntrinsicHeight()
38. return (int)(super.getIntrinsicHeight() * scaleY);

最后，我定义了一个复选框类。

1. import android.graphics.*;
2. import android.graphics.drawable.Drawable;
3. import android.widget.*;
4. /** A check box that resizes itself */
5. public class WonCheckBox extends CheckBox
7. /** the check image */
8. private ScalingDrawable checkImg;
9. /** original height of the check-box image */
10. private int origHeight;
11. /** original padding-left */
12. private int origPadLeft;
13. /** height set by the user directly */
14. private float height;
15. WonCheckBox()
17. super(WonActivity.W.getApplicationContext());
18. setBackgroundColor(Color.TRANSPARENT);
19. // get the original drawable and get its height
20. Drawable origImg = WonActivity.W.getDefaultCheckBoxDrawable();
21. origHeight = height = origImg.getIntrinsicHeight();
22. origPadLeft = getPaddingLeft();
23. // I tried origImg.mutate(), but that fails on Android 2.1 (NullPointerException)
24. checkImg = new ScalingDrawable(origImg, 1);
25. setButtonDrawable(checkImg);
27. /** set checkbox height in pixels directly */
28. public void setHeight(int height)
30. this.height = height;
31. float scale = (float)height / origHeight;
32. checkImg.setScale(scale);
33. // Make sure the text is not overlapping with the image.
34. // This is unnecessary on Android 4.2.2, but very important on previous versions.
35. setPadding((int)(scale * origPadLeft), 0, 0, 0);
36. // call the checkbox\'s internal setHeight()
37. // (may be unnecessary in your case)
38. super.setHeight(height);

MudTreeView - 如何更改复选框的大小和颜色？

【中文标题】MudTreeView - 如何更改复选框的大小和颜色？

【英文标题】：MudTreeView - How to change checkbox size and color?

【发布时间】：2021-11-07 07:44:29

【问题描述】：

我正在为 Blazor WebAssembly 使用一个名为 Mudblazor 的 CSS 框架。 Link to mudblazor

我不知道如何在 MudTreeView 中设置复选框的大小和颜色。

<MudTreeViewItem  Value="@item.CategoryName" Class="mud-treeview-item-content.mud-treeview-item-activated" Selected="item.IsChecked" SelectedChanged="eventArgs =>   CheckboxClicked(item.CategoryId, eventArgs); " >

在使用 MudCheckBox 的 Mudblazor 中，您可以通过添加 Size = "Size.Large" 和颜色来设置大小：Color="Color.Primary" 但我在 MudTreeView 中没有。

有没有办法让它工作？

【参考方案1】：

作为一种解决方法，您可以将一个类添加到您想要设置复选框样式的MudTreeViewItem 元素：

<MudTreeViewItem Value='"Name"' Class="custom-treeview-item"/>

然后你可以使用这个类来定位你的css中的复选框：

.custom-treeview-item .mud-checkbox span 
    color: var(--mud-palette-primary);


.custom-treeview-item .mud-checkbox svg 
    font-size: 2.25rem;