androidstudio模拟支付宝页面设计 (支付宝小程序字体大小怎么调)

效果图

属性说明

<declare-styleable name="FontResizeView">
 <attr name="minSize" format="reference|dimension" /> <!--最小size-->
 <attr name="maxSize" format="reference|dimension" /> <!--最大size-->
 <attr name="totalGrade" format="integer" /> <!--可调整的等级、即总的等级-->
 <attr name="standardGrade" format="integer" /> <!--标准等级-->
 <attr name="leftText" format="reference|string" /> <!--左边文本，默认为 ’A’-->
 <attr name="middleText" format="reference|string" /> <!--中间文本，默认为 ’标准’-->
 <attr name="rightText" format="reference|string" /> <!--右边文本，默认为 ’A’-->
 <attr name="leftTextColor" format="reference|color" /> <!--左边文本颜色，默认为全黑-->
 <attr name="middleTextColor" format="reference|color" /> <!--中间文本颜色，默认为全黑-->
 <attr name="rightTextColor" format="reference|color" /> <!--右边文本颜色，默认为全黑-->
 <attr name="sliderRadius" format="reference|dimension" /> <!--滑块半径-->
 <attr name="sliderColor" format="reference|color" /> <!--滑块颜色-->
 <attr name="sliderShadowColor" format="reference|color" /> <!--滑块边缘阴影颜色-->
 <attr name="lineColor" format="reference|color" /> <!--线条颜色-->
 <attr name="lineStrokeWidth" format="reference|dimension" /> <!--线条宽度，即粗细程度-->
 <attr name="horizontalLineLength" format="reference|dimension" /> <!--横向线条长度-->
 <attr name="verticalLineLength" format="reference|dimension" /> <!--纵向线条长度-->
</declare-styleable> 

xml配置

<com.ljx.view.FontResizeView
 android:id="@+id/font_resize_view"
 android:layout_width="match_parent"
 android:layout_height="140dp"
 android:background="@android:color/white"
 app:maxSize="25sp"
 app:minSize="13sp"
 app:sliderColor="@android:color/white"
 app:sliderRadius="12dp"
 app:standardGrade="2"
 app:totalGrade="7" />

设置回调

FontResizeView fontResizeView = findViewById(R.id.font_resize_view);
fontResizeView.setOnFontChangeListener(new OnFontChangeListener() {
 @Override
 public void onFontChange(float fontSize) {
 //字体size改变回调 单位:sp
 }
});

这样配置过后，代码跑起来效果就跟上面的 gif 动图一样

我们把所有属性都加上，看看效果

<com.ljx.view.FontResizeView
 android:id="@+id/font_resize_view"
 android:layout_width="match_parent"
 android:layout_height="140dp"
 android:background="@android:color/white"
 app:horizontalLineLength="300dp"
 app:leftText="AA"
 app:leftTextColor="#FF0000"
 app:lineColor="#009999"
 app:lineStrokeWidth="2dp"
 app:maxSize="31sp"
 app:minSize="15sp"
 app:middleText="标准1"
 app:middleTextColor="#00FF00"
 app:rightText="AAA"
 app:rightTextColor="#0000FF"
 app:sliderColor="@android:color/white"
 app:sliderRadius="13dp"
 app:sliderShadowColor="#FF0000"
 app:standardGrade="3"
 app:totalGrade="9"
 app:verticalLineLength="15dp" />

效果如下

相信以上属性已经能满足大部分场景，如果不能满足您的场景，请提出您的需求，我会第一时间回应您。

创作不易喜欢的话记得点击+关注哦