Android启动页Logo宽度调整：如何将代码中Logo设为72%？

Hey there! Let's break down your two splash screen logo issues with clear, actionable steps:

1. How to Fix Splash Screen Logo Width Problems #

Most width-related headaches (like stretching, wonky sizing, or cropped edges) stem from missing constraints or improper scaling settings. Here’s how to fix them:

• Pick the right scaling mode: If your logo looks squashed or stretched, ditch fitXY (which forces the image to fill space regardless of ratio) and use fitCenter or centerInside instead—these preserve your logo’s aspect ratio.
• Add explicit size constraints: Use the parent <item> in your layer-list to set width/height limits, either fixed dp values or percentages relative to the screen.
• Switch to vector assets: Convert your logo to a VectorDrawable. Vector graphics scale perfectly across all screen resolutions, so you won’t deal with blurriness or inconsistent sizing.
• Try a layout file instead: If layer-lists feel limiting, migrate to a ConstraintLayout-based splash screen layout. It gives you precise control over percentage-based sizing and positioning.

2. How to Set Splash Screen Logo Width to 72% in Your Android Code #

Your current layer-list uses a centered bitmap, but bitmap tags don’t support direct percentage sizing. To set the logo to 72% of the screen width, modify your code like this:

<item android:drawable="@color/ns_theme"></item>
<item
    android:width="72%p"
    android:height="wrap_content"
    android:gravity="center">
    <bitmap
        android:src="@drawable/logo"
        android:scaleType="fitCenter" />
</item>

What’s changed here: #

• android:width="72%p": The %p suffix means "percentage of the parent container" (here, the screen width) — this locks the logo’s width to 72% of the screen.
• android:height="wrap_content": Lets the logo’s height adjust automatically to keep its original aspect ratio, so it won’t look stretched.
• android:gravity="center": Keeps the logo centered both horizontally and vertically on the screen.
• android:scaleType="fitCenter": Ensures the logo scales proportionally to fit the 72% width without cropping or distorting.

If you want the logo to fill the 72% width exactly (even if it means trimming edges slightly), swap fitCenter for centerCrop—but fitCenter is usually the safer bet to keep your entire logo visible.

内容的提问来源于stack exchange，提问作者Bala