如何设置EditText背景为半透明？Xamarin登录界面开发样式问题

开发者阿泽

2026-5-15

Fixing Semi-Transparent EditText Background in Xamarin

Hey there! I get it, nailing that perfect semi-transparent background for your EditText in Xamarin can feel frustrating when the color codes don’t behave like you expect. Let’s break down why your current attempts aren’t working and fix this step by step.

Why Your Current Color Values Aren’t Working

#80000000: This is 50% opaque black (the first two digits 80 represent the alpha channel—00 = fully transparent, FF = fully opaque). Layering semi-transparent black over your EditText will naturally darken it, which explains the result you saw.
#00000000: This is fully transparent black, meaning there’s no visible background at all. That’s why it didn’t align with your expected effect.

Solutions to Get the Right Semi-Transparent Look

1. Use the Correct ARGB Color Code

Android uses the ARGB color format, so the first two digits control transparency, followed by RGB values for your base color. Adjust these based on your desired effect:

For 50% transparent white (soft, light semi-transparency): #80FFFFFF
For subtle dark semi-transparency (20% opaque black): #33000000
For light gray with 30% transparency: #4DCCCCCC

Set this directly in your layout XML:

<EditText
    android:id="@+id/loginEditText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#80FFFFFF" />

2. Set Background Programmatically in C#

If you need to adjust transparency dynamically, use the Color.Argb method in your code-behind:

// 128 = 50% transparency (range 0-255), followed by RGB values for white
loginEditText.SetBackgroundColor(Color.Argb(128, 255, 255, 255));

3. Use a Custom Drawable (For Extra Styling)

If you want rounded corners or a subtle border along with transparency, create a shape drawable in Resources/Drawable/transparent_edittext_bg.xml:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- Semi-transparent white background -->
    <solid android:color="#80FFFFFF" />
    <!-- Optional: add rounded corners -->
    <corners android:radius="6dp" />
    <!-- Optional: add a thin, matching border -->
    <stroke android:width="1dp" android:color="#44FFFFFF" />
</shape>

Then apply it to your EditText:

<EditText
    android:id="@+id/loginEditText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/transparent_edittext_bg" />

Tweak the alpha and RGB values until you match your expected screenshot—start with lower alpha values (like 33 for 20% opacity) if you want a more subtle transparent effect!

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