簡體   English   中英

Android的底部導航-隱藏的內容

[英]Bottom Navigation on Android - Content Hidden

我第一次嘗試使用Android(Studio 3.0)實現底部導航片段

現在,當在第一個片段上實現Widget時,我意識到底部導航將覆蓋/隱藏片段的最下部。

示范

片段由兩種布局,一個列表視圖和兩個按鈕組成:

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

tools:context="com.example.xyz.ticketvendor.QuickRideFragment">

<!-- TODO: Update blank fragment layout -->


 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >

    <ListView
        android:id="@+id/lvTransportLines"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />

    <LinearLayout
        android:id="@+id/buttons"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_alignBottom="@id/lvTransportLines">
        <Button
            android:id="@+id/getTicket"
            android:layout_width="0dp"
            android:layout_height="120dp"
            android:layout_weight=".75"
            android:text="Get Ticket" >
        </Button>
        <Button
            android:id="@+id/setDefaultSMSApp"
            android:layout_width="0dp"
            android:layout_height="120dp"
            android:layout_weight=".25"
            android:text="Reset" >
        </Button>
    </LinearLayout>
</RelativeLayout>

如您所見,我正在使用android:layout_alignBottom="@id/lvTransportLines"將LinearLayout(保留2個按鈕)放置在Listview下方。 我只能看到這些按鈕,因為我將它們的高度用於測試目的設置得很大。

但是-我可以使用哪個布局屬性將LinearLayout放置得足夠高而不會被底部導航隱藏? 謝謝!

實施@Nero解決方案后進行更新 ,我想到了這一點:

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      tools:context="com.example.antibala.ticketvendor.QuickRideFragment"
      android:layout_width="match_parent"
      android:layout_height="match_parent"

    >

    <ListView
        android:id="@+id/lvTransportLines"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />

    <LinearLayout
        android:id="@+id/buttons"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_alignParentBottom="true"

        >
        <Button
            android:id="@+id/getTicket"
            android:layout_width="0dp"
            android:layout_height="140dp"
            android:layout_weight=".75"
            android:text="Get Ticket"

            >
        </Button>
        <Button
            android:id="@+id/setDefaultSMSApp"
            android:layout_width="0dp"
            android:layout_height="140dp"
            android:layout_weight=".25"
            android:text="Reset"

            >
        </Button>
    </LinearLayout>
</RelativeLayout>

但是我得到的效果與第一張照片完全相同。 我究竟做錯了什么?

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.xyz.ticketvendor.MainActivity">

    <FrameLayout
        android:id="@+id/frameLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="@dimen/activity_horizontal_margin"
        android:layout_marginStart="@dimen/activity_horizontal_margin"
        android:layout_marginTop="@dimen/activity_vertical_margin"
        android:text="@string/title_home"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <android.support.design.widget.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="0dp"
        android:layout_marginStart="0dp"
        android:background="?android:attr/windowBackground"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/navigation" />

</android.support.constraint.ConstraintLayout>

對不起延遲伴侶,我正在測試幾件事情,不得不從頭開始創建這個示例。 有趣的是,您只需要對Main_activity.xml文件中的FrameLayout進行單個修改即可。

請添加以下屬性,它應該可以為您提供所需的設計。

android:layout_marginBottom="?actionBarSize"

根據要求更新

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.nero.myapplication.MainActivity">

<RelativeLayout
    android:id="@+id/fragment_Container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginBottom="?actionBarSize"></RelativeLayout>

<android.support.design.widget.BottomNavigationView
    android:id="@+id/navigation"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginEnd="0dp"
    android:layout_marginStart="0dp"
    android:background="?android:attr/windowBackground"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:menu="@menu/navigation" />

Fragment_blank.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:orientation="vertical"
tools:context="com.example.nero.myapplication.BlankFragment">



<LinearLayout
    android:id="@+id/buttons"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_alignParentBottom="true">

    <Button
        android:id="@+id/getTicket"
        android:layout_width="0dp"
        android:layout_height="140dp"
        android:layout_weight=".75"
        android:text="Get Ticket"/>
    <Button
        android:id="@+id/setDefaultSMSApp"
        android:layout_width="0dp"
        android:layout_height="140dp"
        android:layout_weight=".25"
        android:text="Reset"/>

</LinearLayout>


<ListView
    android:id="@+id/lvTransportLines"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@id/buttons"/>
</RelativeLayout>

Main_activity.java

public class MainActivity extends AppCompatActivity {

private TextView mTextMessage;


private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
        = new BottomNavigationView.OnNavigationItemSelectedListener() {

    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem item) {
        switch (item.getItemId()) {
            case R.id.navigation_home:
                mTextMessage.setText(R.string.title_home);
                return true;
            case R.id.navigation_dashboard:
                mTextMessage.setText(R.string.title_dashboard);
                return true;
            case R.id.navigation_notifications:
                mTextMessage.setText(R.string.title_notifications);
                return true;
        }
        return false;
    }
};

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

    mTextMessage = (TextView) findViewById(R.id.message);
    BottomNavigationView navigation = (BottomNavigationView) findViewById(R.id.navigation);
    navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);

    getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    getSupportFragmentManager()
            .beginTransaction()
            .add(R.id.fragment_Container, new BlankFragment(), "blankFragment")
            .disallowAddToBackStack()
            .commit();
}

}

結果

將此添加到您的相對布局或框架布局

android:layout_marginBottom="?actionBarSize"> 

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM