1、Activity_Main:
MainActivity使用的布局分析
层次结构:
根:CoordinatorLayout容器:
1、AppBarLayout容器:
1.1、Toolbar类
2、include一个有自己层次结构的布局子文件
3、FloatingActionButton按钮
注意:CoordinatorLayout布局不懂,请另查。
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout 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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<!-- 1、应用栏布局:-->
<com.google.android.material.appbar.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/Theme.CSDNBasicActivity.AppBarOverlay">
<!-- 1、1应用栏:-->
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/Theme.CSDNBasicActivity.PopupOverlay" />
</com.google.android.material.appbar.AppBarLayout>
<!-- 2、此处将其他布局文件引入,形成嵌套:-->
<include layout="@layout/activity_content_main" />
<!-- 3、定义一个悬浮按钮:-->
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/fab_margin"
app:srcCompat="@android:drawable/ic_dialog_email" />
</androidx.coordinatorlayout.widget.CoordinatorLayout>
子布局:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<!--此处定义了Activity引用的Fragment:-->
<!-- id:该fragment的名字-->
<!-- name:该fragment对应的具体实体类,此处引用的类不是自己写的Fragment类,
而是具有统一管理所以需要导航的Fragment的一个AndroidX中的类。自己写的类将单独在导航文件夹中引用。-->
<!-- 最后一行:引用的导航文件,导航文件中引入了我们的Fragment类-->
<fragment
android:id="@+id/nav_host_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="0dp"
android:layout_height="0dp"
app:defaultNavHost="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:navGraph="@navigation/nav_graph" />
</androidx.constraintlayout.widget.ConstraintLayout>
menu文件:
<!--注意下面的context,表示它用在哪个Activity:-->
<menu 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"
tools:context="com.example.csdnbasicactivity.MainActivity">
<!-- menu里只能放两种:group和item,即分组和成员项-->
<!-- id:方便我们找到该项-->
<!-- orderInCategory:-->
<!-- title:显示的文字-->
<!-- 不作为操作栏。-->
<item
android:id="@+id/action_settings"
android:orderInCategory="100"
android:title="@string/action_settings"
app:showAsAction="never" />
</menu>
Activity:
package com.example.csdnbasicactivity;
import ...
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Toolbar toolbar = findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
.setAction("Action", null).show();
}
});
}
//重写两个函数【针对menu】
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.menu_main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
int id = item.getItemId();
//如果有多项,可以换用switch
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
}
2、Fragment_First:
布局文件:
<?xml version="1.0" encoding="utf-8"?>
<!--这个布局文件是在navigation文件夹里和FirstFragment类中引用:-->
<!--在导航文件夹navigation中引用是为了实现fragment页面之间的跳转;-->
<!--在FirstFragment实体类中的引用是为了用它作为布局。-->
<androidx.constraintlayout.widget.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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".FirstFragment">
<TextView
android:id="@+id/textview_first"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hello_first_fragment"
app:layout_constraintBottom_toTopOf="@id/button_first"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/button_first"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/next"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/textview_first" />
</androidx.constraintlayout.widget.ConstraintLayout>
package com.example.csdnbasicactivity;
import ...
public class FirstFragment extends Fragment {
@Override//1、
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
return inflater.inflate(R.layout.fragment_first, container, false);
}
@Override//2、
public void onViewCreated(@NonNull View view, Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
//按钮点击触发导航效果
view.findViewById(R.id.button_first).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
NavHostFragment.findNavController(FirstFragment.this)
.navigate(R.id.action_FirstFragment_to_SecondFragment);
}});
}
}
3、Fragment_Second:
布局文件和Fragment类:
同上,一个TextView,一个Button
故此处省略不写。
4、导航Fragment:
导航文件夹下的配置文件:
<?xml version="1.0" encoding="utf-8"?>
<!--该xml文件定义了fragment需要的实体类-->
<navigation 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/nav_graph"
app:startDestination="@id/FirstFragment">
<!-- fragment需要的第一个实体类:-->
<!-- name:使用的类名com.example.csdnbasicactivity.FirstFragment-->
<!-- layout:使用的布局文件:fragment_first-->
<fragment
android:id="@+id/FirstFragment"
android:name="com.example.csdnbasicactivity.FirstFragment"
android:label="@string/first_fragment_label"
tools:layout="@layout/fragment_first">
<!-- 为fragment定义动作:-->
<!-- id:action_FirstFragment_to_SecondFragment-->
<!-- destination:动作的目的地fragment:SecondFragment-->
<action
android:id="@+id/action_FirstFragment_to_SecondFragment"
app:destination="@id/SecondFragment" />
</fragment>
//
<!-- 第2个:-->
<fragment
android:id="@+id/SecondFragment"
android:name="com.example.csdnbasicactivity.SecondFragment"
android:label="@string/second_fragment_label"
tools:layout="@layout/fragment_second">
<action
android:id="@+id/action_SecondFragment_to_FirstFragment"
app:destination="@id/FirstFragment" />
</fragment>
</navigation>