android – 材料设计 – 操作栏标题和内容的左边距不匹配

前端之家收集整理的这篇文章主要介绍了android – 材料设计 – 操作栏标题和内容的左边距不匹配前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试按照 Layout – Metrics and keylines的指导设置屏幕边距.具体来说,移动屏幕上的列表内容应该有72 dp的边距,并与指南中显示标题一致:

由于Android Studio自动在res / dimens.xml中生成边距值,我认为我会通过添加自己的“内部”边距来使我的内容标题保持一致:

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>

但不知何故,我的内容被“关闭”大约8dp(模拟器,Lollipop 22).

我正在使用父主题Theme.AppCompat.Light.DarkActionBar的自定义主题,但我只更改了颜色,所以我认为这不是我的问题的根源.

我错过了什么?

解决方法

从TextView和ListView中删除它:
android:layout_marginLeft="@dimen/content_horizontal_margin"

您的父标记已经指定了填充应该是什么:

<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">

关闭的原因是因为你填充,然后设置边距.

此外,只是为了兴趣,这里是The difference between Padding and Margin.

UPDATE

根据与@ 0X0nosugar的讨论,我们已经达到以下代码有助于实现目标的程度:

要更改ActionBar,应在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); 
}

为工具栏创建自定义视图

<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>

这应该可以帮助您实现目标!对你很好的研究!

原文链接:https://www.f2er.com/android/315362.html

猜你在找的Android相关文章