Barre de titre personnalisée sans rembourrage (Android)

Donc je suis en utilisant les techniques de ce fil d'utiliser un arrière-plan personnalisé pour ma barre de titre. Malheureusement, le cadre des lieux de ma mise en page à l'intérieur d'un FrameLayout (title_container) qui a rembourrage comme on le voit ci-dessous.

le texte d'alt http://lh3.ggpht.com/_KP55v0Zt2pk/S80CUbrYkCI/AAAAAAAAARY/FJ_WPt8ah2s/s800/title_bar.png

Est-il de toute façon pour enlever le gris des frontières? Le cadre de la mise en page est définie dans com.android.internal.R.id.title_containerl'accès à l'image par l'ID d'être fragile.

source d'informationauteur Casebash

android user-interface

16

J'ai eu du mal avec cette même question, et maintenant j'ai la réponse!

Que vous avez probablement vu plusieurs endroits, vous devez créer un themes.xml ressources:
```
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="MyTheme" parent="android:Theme">
            <item name="android:windowTitleSize">44dip</item>
            <item name="android:windowTitleBackgroundStyle">@style/WindowTitleBackground</item>
    </style>
</resources>
```
Remarque il n'est pas souvent mentionné dans les sites parlant sur les barres de titre, vous devez sélectionner ce thème à la vue, de l'activité, ou de l'application. Je le fais au niveau de l'application par l'ajout d'android:le thème de la propriété de l'application:
```
  <application android:icon="@drawable/icon"
               android:label="@string/app_name"
               android:theme="@style/MyTheme">
```
Vous avez également besoin d'un styles.xml pour définir que WindowTitleBackgroundStyle. Contrairement aux différentes versions de ce fichier j'ai vu flottant de restauration aroung le web, j'ai ajouté une ligne supplémentaire dans le fichier qui définit le padding à 0, ce qui élimine le rembourrage vous vous plaignez:
```
<?xml version="1.0" encoding="UTF-8"?>
<resources>
    <style name="WindowTitleBackground">
        <item name="android:background">@android:color/transparent</item>
        <item name="android:padding">0px</item>
    </style>
</resources>
```

Il n'y a effectivement pas besoin d'utiliser une mise en page personnalisée pour personnaliser l'image d'arrière-plan. Le code suivant dans theme.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="TitlebarBackgroundStyle">
        <item name="android:background">@drawable/header_bg</item>
    </style>
    <style name="Theme.OTPMain" parent="android:Theme"> 
        <item name="android:windowTitleBackgroundStyle">@style/TitlebarBackgroundStyle</item>
    </style>
</resources>

Toutefois, si vous ne voulez vraiment utiliser un custom barre de titre, puis le code suivant supprime la marge:

ViewGroup v = (ViewGroup) findViewById(android.R.id.title);
v.setPadding(0, 0, 0, 0)

title_bar_background a été défini comme l'ID de l'image d'arrière-plan dans le XML. J'ai mis android:scaleType="fitXY".

Il y a un lenghty fil sur sur anddev.org qui peut être en mesure de vous aider

http://www.anddev.org/my_own_titlebar_backbutton_like_on_the_iphone-t4591.html

J'ai suivi et réussi à créer mon propre barre de titre qui me permet de définir la marge.

Xml pour ma barre de titre:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:id="@+id/header"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="38px" android:layout_width="fill_parent"
android:background="@drawable/gradient">

<TextView android:id="@+id/title" android:layout_width="wrap_content"
android:gravity="center_vertical" style="@style/PhoneText"
android:layout_alignParentLeft="true"
android:text="New Title" android:background="@android:color/transparent"
android:layout_height="wrap_content" android:layout_alignParentTop="true"
android:padding="5dip" android:layout_marginBottom="7px"/>

<TextView android:id="@+id/time" android:layout_width="wrap_content"
android:gravity="center_vertical" style="@style/PhoneText2"
android:layout_alignParentRight="true"
android:text="Test Text" android:background="@android:color/transparent"
android:layout_height="wrap_content" android:layout_alignParentTop="true"
android:padding="4dip" android:layout_marginBottom="7px"/>
</RelativeLayout>

Ci-dessus crée une petite barre grise avec le texte aligné à droite et à gauche

Je me suis débarrassé de l'rembourrage en obtenant le titre de conteneurs et de réglage de la marge intérieure de 0. Il fonctionne sur Android 4.

titleContainerId = (Integer)Class.forName("com.android.internal.R$id").getField("title_container").get(null);

ViewGroup vg = ((ViewGroup) getWindow().findViewById(titleContainerId));
vg.setPadding(0, 0, 0, 0);

Comme mentionné par dalewking, vous pouvez modifier le Manifeste comme ceci:

<application android:icon="@drawable/icon"
           android:label="@string/app_name"
           android:theme="@style/MyTheme">

Mais cela n'a pas fonctionné pour moi jusqu'à ce que j'ai ajouté

android:theme="@style/MyTheme"

à l'activité elle-même comme:

    <activity
        android:name=".MainActivity" 
        android:screenOrientation="portrait"
        android:theme="@style/CustomTheme" >            
    </activity>

Comme en 4.2 et ADT 21 lors de la création d'un layout par défaut les dimensions standard sont ajoutés au conteneur parent:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >

</RelativeLayout>

Valeurs sont situés dans res/dimens.xml:

<!-- Default screen margins, per the Android Design guidelines. -->
<dimen name="activity_horizontal_margin">16dp</dimen>
<dimen name="activity_vertical_margin">16dp</dimen>

</resources>

Soit de les retirer de la mère ou de modifier le dimens.xml les valeurs aux valeurs souhaitées.

J'ai ajouté la suite de remplissage élément de la AppTheme dans styles.xml

<style name="AppTheme" parent="AppBaseTheme">
...
<item name="android:padding">0dp</item>
...
</style>

Le manifeste de l'Application utilise ce thème:

<application 
...
android:theme="@style/AppTheme" >
...

Cette résolu pour moi.

Vous devez vous connecter pour publier un commentaire.