我正在使用浮动操作按钮(不使用第三方库)
fab 在 mdpi 和 hdpi 设备上看起来很好,但在 ldpi 设备上显示为独特的椭圆形
以下是截图供参考 -
- 这是 mdpi 设备上的 fab 渲染
- 这是在 ldpi 设备上呈现为椭圆形的 fab
主布局有一个包含元素以包含 fab 布局。fab 布局包括一个作为可绘制对象的背景。背景=@drawable/fab_drawable
A. res/drawable中的fab_drawable.xml
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:top="8px">
<layer-list>
<item>
<shape android:shape="oval">
<solid android:color="#14000000"/>
<padding
android:bottom="1px"
android:left="0px"
android:right="1px"
android:top="1px"
/>
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#15000000"/>
<padding
android:bottom="1px"
android:left="0px"
android:right="1px"
android:top="1px"
/>
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#16000000"/>
<padding
android:bottom="1px"
android:left="0px"
android:right="1px"
android:top="1px"
/>
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#17000000"/>
<padding
android:bottom="1px"
android:left="0px"
android:right="1px"
android:top="1px"
/>
</shape>
</item>
</layer-list>
</item>
<item android:id="@+id/fab_drawable_shape">
<shape android:shape="oval" >
<solid android:color="#404952" />
</shape>
</item>
<item android:drawable="@drawable/onboarding_selector"/>
B. drawable-v21 中的 fab_drawable.xml
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="?android:colorControlHighlight" >
<item>
<shape android:shape="oval" >
<solid android:color="?android:colorAccent" />
</shape>
</item>
C. 在我的基本片段中,我正在检查构建是否是棒棒糖,然后使用此剪辑代码
ViewOutlineProvider fabOutlineProvider = new ViewOutlineProvider() {
@Override
public void getOutline(View view, Outline outline) {
int diameter = getResources().getDimensionPixelSize(
R.dimen.fab_diameter);
outline.setOval(0, 0, diameter, diameter);
}
};
mComposeFabButtonView.setOutlineProvider(fabOutlineProvider);
mComposeFabButtonView.setClipToOutline(true);
D. 所有设备的晶圆按钮直径尺寸均为 60sp