我第一次尝试使用Android(Studio 3.0)实现bottom navigation和fragments。
现在,当在第一个片段上实现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();
}
}