So stellen Sie die Deckkraft (Alpha) für die Ansicht in Android ein

Ich habe eine Schaltfläche wie folgt:

<Button 
     android:text="Submit" 
     android:id="@+id/Button01" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content">
</Button>

In meinem onCreate()Fall rufe ich Button01 folgendermaßen auf:

setContentView(R.layout.main);

View Button01 = this.findViewById(R.id.Button01);
Button01.setOnClickListener(this);

Die Anwendung enthält einen Hintergrund, und ich möchte für diese Schaltfläche zum Senden eine Deckkraft festlegen. Wie kann ich eine Deckkraft für diese Ansicht festlegen? Ist es etwas, das ich auf der Java-Seite festlegen kann, oder kann ich es in der Datei main.xml festlegen?

Auf der Java-Seite habe ich es versucht Button01.mutate().SetAlpha(100), aber es gab mir einen Fehler.

Ich habe gerade Ihre Frage gefunden, als ich ein ähnliches Problem mit einer Textansicht hatte. Ich konnte es lösen, indem ich TextView erweiterte und überschrieb onSetAlpha. Vielleicht könnten Sie mit Ihrem Button etwas Ähnliches ausprobieren:

import android.content.Context;
import android.util.AttributeSet;
import android.widget.TextView;

public class AlphaTextView extends TextView {

  public AlphaTextView(Context context) {
    super(context);
  }

  public AlphaTextView(Context context, AttributeSet attrs) {
    super(context, attrs);
  }

  public AlphaTextView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
  }

  @Override
  public boolean onSetAlpha(int alpha) {
    setTextColor(getTextColors().withAlpha(alpha));
    setHintTextColor(getHintTextColors().withAlpha(alpha));
    setLinkTextColor(getLinkTextColors().withAlpha(alpha));
    return true;
  }
}

Ich bin erstaunt über die VIEL komplizierteren Antworten aller anderen .

XML

Sie können das Alpha ganz einfach in der Farbdefinition der Schaltfläche (oder einer anderen Ansicht) in Ihrer XML definieren:

android:color="#66FF0000"    // Partially transparent red

Im obigen Beispiel wäre die Farbe ein teilweise transparentes Rot.

Bei der Definition der Farbe einer Ansicht kann das Format entweder #RRGGBBoder sein #AARRGGBB, wobei AAder hexadezimale Alpha-Wert ist. FFwäre völlig undurchsichtig und 00wäre völlig transparent.

Dynamisch

Wenn Sie die Deckkraft in Ihrem Code dynamisch ändern müssen, verwenden Sie

myButton.getBackground().setAlpha(128);  // 50% transparent

Wobei die INT von 0(vollständig transparent) bis 255(vollständig undurchsichtig) reicht.

Ich denke, Sie haben die Antwort möglicherweise bereits gefunden, aber wenn nicht (und für andere Entwickler), können Sie dies folgendermaßen tun:

btnMybutton.getBackground().setAlpha(45);

Hier habe ich die Deckkraft auf 45 eingestellt. Sie können sie grundsätzlich von 0 (vollständig transparent) bis 255 (vollständig undurchsichtig) einstellen.

Ich würde vorschlagen, dass Sie eine benutzerdefinierte ARGB-Farbe in Ihrer Datei colours.xml erstellen, z.

<resources>
<color name="translucent_black">#80000000</color>
</resources>

Stellen Sie dann den Hintergrund Ihrer Schaltfläche auf diese Farbe ein:

android:background="@android:color/translucent_black"

Wenn Sie mit der Form der Schaltfläche herumspielen möchten, können Sie auch eine Form-Zeichenressource erstellen, in der Sie die Eigenschaften festlegen, wie die Schaltfläche aussehen soll:

Datei: res / drawable / round_corner_box.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:startColor="#80000000"
        android:endColor="#80FFFFFF"
        android:angle="45"/>
    <padding android:left="7dp"
        android:top="7dp"
        android:right="7dp"
        android:bottom="7dp" />
    <corners android:radius="8dp" />
</shape>

Verwenden Sie dies dann als Hintergrund für die Schaltfläche:

    android:background="@drawable/rounded_corner_box"

Laut der Android-Dokumentansicht ist Alpha ein Wert zwischen 0 und 1. Verwenden Sie zum Einstellen etwa Folgendes:

View v;
v.setAlpha(.5f);

Viel einfacher von oben. Das Standard-Alpha-Attribut ist für die Schaltfläche vorhanden

android:alpha="0.5"

Der Bereich liegt zwischen 0 für vollständige Transparenz und 1 für vollständige Deckkraft.

android:background="@android:color/transparent"

Das Obige ist etwas, das ich weiß ... Ich denke, das Erstellen einer benutzerdefinierten Schaltflächenklasse ist die beste Idee

API Level 11
Vor kurzem bin ich auf dieses Android: Alpha XML-Attribut gestoßen, das einen Wert zwischen 0 und 1 annimmt . Die entsprechende Methode ist setAlpha (float) .

Obwohl dies btnMybutton.getBackground().setAlpha(45);eine gute Idee ist, wird Alpha nur auf den Hintergrund und nicht auf die gesamte Ansicht angewendet.

Wenn Sie Alpha zum Anzeigen anwenden möchten, verwenden Sie btnMybutton.setAlpha(0.30f);stattdessen. Dadurch wird die Deckkraft auf die Ansicht angewendet. Es akzeptiert einen Wert zwischen 0 und 1.

Doc sagt:

Legt die Deckkraft der Ansicht fest. Dies ist ein Wert von 0 bis 1, wobei 0 bedeutet, dass die Ansicht vollständig transparent ist und 1 bedeutet, dass die Ansicht vollständig undurchsichtig ist. Wenn diese Ansicht onSetAlpha (int) überschreibt, um true zurückzugeben, ist diese Ansicht für das Anwenden der Deckkraft selbst verantwortlich. Andernfalls entspricht das Aufrufen dieser Methode dem Aufrufen von setLayerType (int, android.graphics.Paint) und dem Festlegen einer Hardwareschicht. Beachten Sie, dass das Setzen von Alpha auf einen durchscheinenden Wert (0 <Alpha <1) Auswirkungen auf die Leistung haben kann. Im Allgemeinen ist es am besten, die Alpha-Eigenschaft sparsam und vorübergehend zu verwenden, wie im Fall von verblassenden Animationen.

Ich bin auf dieses Problem mit ICS / JB gestoßen, weil die Standardschaltflächen für das Holo-Thema aus Bildern bestehen, die leicht transparent sind. Für den Hintergrund fällt dies besonders auf.

Lebkuchen vs. ICS +:

Das Kopieren aller zeichnbaren Zustände und Bilder für jede Auflösung und das Festhalten der transparenten Bilder ist mühsam. Daher habe ich mich für eine schmutzigere Lösung entschieden: Wickeln Sie den Knopf in eine Halterung mit weißem Hintergrund. Hier ist ein grobes XML-Zeichenobjekt (ButtonHolder), das genau das tut:

Ihre XML-Datei

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              style="@style/Content">
  <RelativeLayout style="@style/ButtonHolder">
      <Button android:id="@+id/myButton"
              style="@style/Button"
              android:text="@string/proceed"/>
    </RelativeLayout>
</LinearLayout>

ButtonHolder.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <item>
    <shape android:shape="rectangle">
      <solid android:color="@color/white"/>
    </shape>
  </item>

</layer-list>

styles.xml

.
.
.      
  <style name="ButtonHolder">
    <item name="android:layout_height">wrap_content</item>
    <item name="android:layout_width">wrap_content</item>
    <item name="android:background">@drawable/buttonholder</item>
  </style>

  <style name="Button" parent="@android:style/Widget.Button">
    <item name="android:layout_height">wrap_content</item>
    <item name="android:layout_width">wrap_content</item>
    <item name="android:textStyle">bold</item>
  </style>
.
.
.

Dies führt jedoch zu einem weißen Rand, da die Bilder der Holo-Schaltfläche Ränder enthalten, um den gedrückten Raum zu berücksichtigen:

Die Lösung besteht also darin, dem weißen Hintergrund einen Rand (4 dp hat bei mir funktioniert) und abgerundete Ecken (2 dp) zu geben, um das Weiß vollständig auszublenden und die Schaltfläche dennoch solide zu machen:

ButtonHolder.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

  <item>
    <shape android:shape="rectangle">
      <solid android:color="@android:color/transparent"/>
    </shape>
  </item>

  <item android:top="4dp" android:bottom="4dp" android:left="4dp" android:right="4dp">
    <shape android:shape="rectangle">
      <solid android:color="@color/white"/>
      <corners android:radius="2dp" />
    </shape>
  </item>

</layer-list>

Das Endergebnis sieht folgendermaßen aus:

Sie sollten diesen Stil für Version 14 + verwenden und ihn für Lebkuchen / Waben optimieren oder ausschließen, da sich die nativen Bildgrößen der Schaltflächen von denen von ICS und JB unterscheiden (z. B. führt dieser genaue Stil hinter einer Lebkuchenschaltfläche zu einem kleinen Weißanteil unter der Schaltfläche).

Für eine Ansicht können Sie die Deckkraft wie folgt einstellen.

view_name.setAlpha(float_value);

Die Eigenschaft view.setAlpha(int)ist für die API-Version größer als 11 veraltet. Von nun an wird Eigenschaft wie .setAlpha(0.5f)verwendet.

Für API <11 für textView color habe ich Folgendes getan:

int textViewColor = textView.getTextColors().getDefaultColor(); 
textView.setTextColor(Color.argb(128, Color.red(textViewColor), Color.green(textViewColor), Color.blue(textViewColor))); //50% transparent

Ein bisschen umständlich, aber hey, es funktioniert :-)

Ich weiß, dass dies bereits eine Reihe von Antworten enthält, aber ich habe festgestellt, dass es für Schaltflächen am einfachsten ist, eigene XML-Selektoren zu erstellen und diese auf den Hintergrund dieser Schaltfläche zu setzen. Auf diese Weise können Sie den Status auch ändern, wenn Sie ihn drücken oder aktivieren usw. Hier ist ein kurzer Ausschnitt von einem, den ich benutze. Wenn Sie einer der Farben Transparenz hinzufügen möchten, fügen Sie einen führenden Hex-Wert (#XXcccccc) hinzu. (XX == "Alpha der Farbe")

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" >
        <shape>
            <solid
                android:color="#70c656" />
            <stroke
                android:width="1dp"
                android:color="#53933f" />
            <corners
                android:radius="4dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>
    <item>
        <shape>
            <gradient
                android:startColor="#70c656"
                android:endColor="#53933f"
                android:angle="270" />
            <stroke
                android:width="1dp"
                android:color="#53933f" />
            <corners
                android:radius="4dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>
</selector>