2016-01-05 8 views
7

Próbuję ustawić marginesy ekranu zgodnie z wytycznymi dla Layout - Metrics and keylines. Konkretnie, zawartość lista na ekranach telefonów powinien mieć margines 72 dp i wyrównać z tytułem, jak pokazano w przewodniku:Projekt materiału - lewe marginesy dla tytułu paska akcji i zawartości nie pasują do

enter image description here

Jako Android Studio automatycznie generuje wartości marginesów w RES/dimens.xml, ja myślałem, że dostanę moje treści w celu wyrównania z tytułu dodając własne „wewnętrzne” margin:

dimens.xml

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

    <!-- 16 + 56 = 72 = "Content left margin from screen edge" --> 
    <dimen name="content_horizontal_margin">56dp</dimen> 
</resources> 

myactivity.xml

<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:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin"> 

    <TextView 
     android:id="@+id/tvEditPlaylistInfo" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentTop="true" 
     android:layout_marginLeft="@dimen/content_horizontal_margin" 
     android:textAppearance="?android:attr/textAppearanceMedium" 
     android:text="test" /> 

    <ImageButton 
     android:layout_width="36dp" 
     android:layout_height="36dp" 
     android:src="@drawable/action_current" 
     android:layout_alignBottom="@id/tvEditPlaylistInfo" 
     android:layout_toRightOf="@id/tvEditPlaylistInfo" 
     android:layout_marginLeft="16dp"/> 

    <ListView 
     android:id="@+id/lvAudioFiles" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="@dimen/content_horizontal_margin" 
     android:layout_below="@id/tvEditPlaylistInfo"> 
    </ListView> 

</RelativeLayout> 

Ale jakoś moja treść jest "off" przez około 8dp (emulator, Lollipop 22).

enter image description here

Używam niestandardowy motyw z rodzicem Theme.AppCompat.Light.DarkActionBar ale tylko zmienione kolory, więc myślę, że nie jest źródłem mojego problemu.

Czego mi brakuje?

Odpowiedz

6

Usuń to ze swojego TextView i ListView:

android:layout_marginLeft="@dimen/content_horizontal_margin" 

Tag rodzic już określa co wyściółka powinno być:

<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:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin"> 

Powodem jest wyłączony to dlatego, że jesteś wyściółka i następnie ustawienie marginesu.

Ponadto, tylko dla zainteresowania, tutaj jest The difference between Padding and Margin.

UPDATE

Zgodnie dyskusji z @ 0X0nosugar, doszliśmy do punktu, w którym poniższy kod pomaga w osiągnięciu swój cel:

W celu zmiany ActionBar, dodaje powinien być dodany do onCreate():

ActionBar actionBar = getSupportActionBar(); 

if (actionBar != null) 
{ 
    View customView = getLayoutInflater().inflate(R.layout.custom_action_bar, null); 
    actionBar.setDisplayShowTitleEnabled(false); 
    actionBar.setDisplayShowCustomEnabled(true); 
    actionBar.setCustomView(customView); 
} 

Tworzenie widoku niestandardowego paska narzędzi

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:background="@color/accent_deeporangeA400" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="MyMusicApp" 
    android:id="@+id/ab_title" 
    android:layout_centerVertical="true" 
    android:layout_alignParentLeft="true" 
    android:layout_marginLeft="@dimen/activity_horizontal_margin" 
    android:textAppearance="?android:attr/textAppearanceLarge"/> 

</RelativeLayout> 

to powinno pomóc Ci osiągnąć swój cel! Dobre badania z Twojej strony!

+0

Dzięki za odpowiedź. Ale jeśli ustawię dopełnienie grupy ViewGroup na zero, a margines na Widoki na 72, to efekt ** jest dokładnie taki sam jak przed **, więc mój problem pozostaje nierozwiązany. Wydaje się, że dopełnienie otaczającego "kontenera" i marginesu zawartości są właśnie dodane, ale tytuł wydaje się być zgodny z innymi regułami układu. Czy istnieje jakieś domyślne ukryte wypełnienie kontenera głównego? – 0X0nosugar

+0

Pozwól mi zrozumieć pytanie poprawnie, chcesz, aby wszystkie elementy były wyrównane na czerwonej linii na obrazku lub wyrównane na tej samej odległości ** z dala ** od linii? – TejjD

+0

Potrzebuję wszystkich elementów do wyrównania na czerwonej linii (= początek tytułu w pasku akcji) – 0X0nosugar

Powiązane problemy