Définition de la couleur d'arrière-plan de l'élément de mise en page Android

J'essaie de cloner quelque peu la conception d'une activité à partir d'un ensemble de diapositives sur la conception de l'interface utilisateur Android . Cependant, j'ai un problème avec une tâche très simple.

J'ai créé la mise en page comme indiqué dans l'image, et l'en-tête est un TextViewdans un RelativeLayout. Maintenant, je souhaite changer la couleur d'arrière-plan du RelativeLayout, mais je n'arrive pas à comprendre comment.

Je sais que je peux définir la android:backgroundpropriété dans la RelativeLayoutbalise du fichier XML, mais à quoi dois-je la définir? Je veux définir une nouvelle couleur que je peux utiliser à plusieurs endroits. Est-ce un drawableou un string?

De plus, je m'attendrais à ce qu'il y ait un moyen très simple de le faire depuis le concepteur d'interface utilisateur Eclipse Android que je dois manquer?

Je suis un peu frustré actuellement, car cela devrait être une activité qui se fait en quelques clics au maximum. Donc, toute aide est très appréciée. :)

Vous pouvez utiliser des ressources de couleur simples , spécifiées généralement à l'intérieur res/values/colors.xml.

<color name="red">#ffff0000</color>

et l'utiliser via android:background="@color/red". Cette couleur peut également être utilisée ailleurs, par exemple comme couleur de texte. Référencez-le en XML de la même manière, ou récupérez-le dans le code via getResources().getColor(R.color.red).

Vous pouvez également utiliser n'importe quelle ressource dessinable comme arrière-plan, utilisez android:background="@drawable/mydrawable"-la (cela signifie que les tirages 9patch, les bitmaps normaux, les dessinables de forme, ..).

Les réponses ci-dessus sont agréables. Vous pouvez également procéder comme ceci par programme si vous le souhaitez

Tout d'abord, votre mise en page doit avoir un ID. Ajoutez-le en écrivant la +idligne suivante dans res / layout / *. Xml

<RelativeLayout ...
...
android:id="@+id/your_layout_id"
...
</RelativeLayout>

Ensuite, dans votre code Java, apportez les modifications suivantes.

RelativeLayout rl = (RelativeLayout)findViewById(R.id.your_layout_id);
rl.setBackgroundColor(Color.RED);

en dehors de cela, si vous avez la couleur définie dans colors.xml, vous pouvez également faire par programme:

rl.setBackgroundColor(ContextCompat.getColor(getContext(), R.color.red));

Vous pouvez utiliser android:background="#DC143C"ou toute autre valeur RVB pour votre couleur. Je n'ai aucun problème à l'utiliser de cette façon, comme indiqué ici

le

res/values/colors.xml.

<color name="red">#ffff0000</color>
android:background="@color/red"

par exemple n'a pas fonctionné pour moi, mais le

android:background="#(hexidecimal here without these parenthesis)"

travaillé pour moi dans l'élément de mise en page relative en tant qu'attribut.

Si vous voulez changer une couleur rapidement (et que vous n'avez pas de numéros Hex mémorisés), Android a quelques couleurs prédéfinies auxquelles vous pouvez accéder comme ceci:

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

Vous pouvez choisir parmi 15 couleurs, ce qui est bien pour tester rapidement les choses, et vous n'avez pas besoin de configurer des fichiers supplémentaires.

La configuration d'un fichier values ​​/ colors.xml et l'utilisation de Hex droit comme expliqué ci-dessus fonctionneront toujours.

4 façons possibles, utilisez celle dont vous avez besoin.

1. Kotlin

val ll = findViewById<LinearLayout>(R.id.your_layout_id)
ll.setBackgroundColor(ContextCompat.getColor(this, R.color.white))

2. Liaison de données

<LinearLayout
    android:background="@{@color/white}"

OU déclaration plus utile-

<LinearLayout
    android:background="@{model.colorResId}"

3. XML

<LinearLayout
    android:background="#FFFFFF"

<LinearLayout
    android:background="@color/white"

4. Java

LinearLayout ll = (LinearLayout) findViewById(R.id.your_layout_id);
ll.setBackgroundColor(ContextCompat.getColor(this, R.color.white));

Android studio 2.1.2 (ou peut-être plus tôt) vous permettra de choisir parmi une roue chromatique:

J'ai obtenu cela en ajoutant ce qui suit à ma mise en page:

android:background="#FFFFFF"

Puis j'ai cliqué sur la couleur FFFFFF et cliqué sur l'ampoule qui est apparue.

Kotlin

linearLayout.setBackgroundColor(Color.rgb(0xf4,0x43,0x36))

ou

<color name="newColor">#f44336</color>

-

linearLayout.setBackgroundColor(ContextCompat.getColor(vista.context, R.color.newColor))

Les réponses sont avant tout statiques. Je pensais que je fournirais une réponse dynamique. Les deux fichiers qui devront être synchronisés sont le parent foo.xmlavec la mise en page et activity_bar.javaqui correspond à la classe Java correspondant à cela R.layout.foo.

Dans foo.xmldéfinir un identifiant pour la mise en page entière:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:id="@+id/foo" .../>

Et activity_bar.javadéfinissez la couleur dans le onCreate():

public class activity_bar extends AppCompatActivty {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.foo);

            //Set an id to the layout
        RelativeLayout currentLayout = 
                    (RelativeLayout) findViewById(R.id.foo);

        currentLayout.setBackgroundColor(Color.RED);
        ...
    }
    ...
}

J'espère que ça aide.