Android: maak gradient achtergrond via XML

In de vorige post hebben we een blauwe actiebalk header gemaakt. De header was blauw, maar de body van de app was nog wit. In deze korte tutorial laat ik je zien hoe je de achtergrond van je app kunt veranderen door gebruik te maken van kleurcodes en een kleurverloop toe te voegen. De schermafbeelding toont de achtergrondkleur die we met deze turoial gaan maken. Voor het geval je je afvraagt waar de actiebalk vandaan komt, zie mijn vorige tutorial.

Open eerst de resources map van je Eclipse project. Maak een gradient.xml bestand in je drawable map. In dit gradient.xml gaan we de kleur en het kleurverloop definiëren. We doen dit door de begin- en eindkleur te definiëren en het aantal graden hoe de kleur moet veranderen van de beginwaarde tot de eindwaarde.

Nu open je de layout van je activiteit waarin je dit kleurverloop als achtergrond wilt instellen. In ons geval, activity_main.xml. Stel de android:background=”@drawable/gradient” in, in de bovenliggende view, in ons geval de Relative layout.

Noteer dat de tag verwijst naar de opname van de actiebalk die ik in mijn vorige tutorial heb uitgelegd.

Plaats een reactie