首页 > 代码库 > Android实习札记(11)---妙用include解决布局重用问题

Android实习札记(11)---妙用include解决布局重用问题

2024-08-08 14:24:20 222人阅读

Android实习札记(11)---妙用include解决布局重用问题

——转载请注明出处:coder-pig

如果你已经知道include是什么,只是想知道怎么用,使用示例如下:

①布局文件引入layout

<include
        android:id="@+id/topbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        layout="@layout/view_topbar" />

②Java代码中访问,获取layout中组件,设置属性:

private View topbar;
private TextView txtTitle;

topbar = findViewById(R.id.topbar);
txtTitle = (TextView) topbar.findViewById(R.id.txtTitle);
txtTitle.setText("第二页");

就这么简单,你可以关页面了,觉得帮助了你,可以点个赞!

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

如果不知道,想了解相关以及应用场景请继续看:

本节流程图:

效果图:

代码思路:

核心是顶部的一个titlebar,这里是我们自己写的一个bar,因为后面两个Activity都需要用到,

所以我们直接通过include包含这个bar,然后Java代码中获得该bar实例,再调用bar.findViewById

找到标题栏的TextView修改对应的页面!

详细代码如下:

顶部的bar: view_topbar.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000000" >

    <ImageView
        android:id="@+id/imgBack"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:background="@drawable/back" />

    <TextView
        android:id="@+id/txtTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="8dp"
        android:textColor="#FFFFFF"
        android:textSize="20sp" />

</RelativeLayout>

接着依次编写三个Activity的布局,二三个activity通过include导入topbar

activity_main.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:background="#D1E5E6"
    tools:context="com.jay.example.includedemo.MainActivity" >

    <Button
        android:id="@+id/btnTo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="跳轉到第二個頁面" />

</RelativeLayout>

activity_second.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:background="#D5E094" >

    <include
        android:id="@+id/topbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        layout="@layout/view_topbar" />

    <Button
        android:id="@+id/btnTo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="跳轉到第三個頁面"
        android:textSize="14sp" />

</RelativeLayout>

activity_third.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:background="#F2CC9F" >

    <include
        android:id="@+id/topbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        layout="@layout/view_topbar" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="第三個頁面" />

</RelativeLayout>

编写对应的activity:

MainActivity.java:

package com.jay.example.includedemo;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class MainActivity extends Activity {
	private Button btnTo;

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

	private void getViews() {
		btnTo = (Button) findViewById(R.id.btnTo);
	}

	private void setViews() {
		MyClick myClick = new MyClick();
		btnTo.setOnClickListener(myClick);

	}

	// 定义事件处理类
	private class MyClick implements OnClickListener {
		@Override
		public void onClick(View v) {
			switch (v.getId()) {
			case R.id.btnTo:
				Intent it = new Intent(MainActivity.this, SecondActivity.class);
				startActivity(it);
				break;
			}

		}
	}
}

SecondActivity.java:

package com.jay.example.includedemo;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;

public class SecondActivity extends Activity {
	private View topbar;
	private ImageView imgBack;
	private TextView txtTitle;
	private Button btnTo;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_second);
		getActionBar().hide();
		getViews();
		setViews();
	}

	private void getViews() {
		topbar = findViewById(R.id.topbar);
		btnTo = (Button) findViewById(R.id.btnTo);
		imgBack = (ImageView) topbar.findViewById(R.id.imgBack);
		txtTitle = (TextView) topbar.findViewById(R.id.txtTitle);
	}

	private void setViews() {
		MyClick myClick = new MyClick();
		txtTitle.setText("第二页");
		btnTo.setOnClickListener(myClick);
		imgBack.setOnClickListener(myClick);
	}

	// 定义事件处理类
	private class MyClick implements OnClickListener {
		@Override
		public void onClick(View v) {
			switch (v.getId()) {
			case R.id.btnTo:
				Intent it = new Intent(SecondActivity.this, ThirdActivity.class);
				startActivity(it);
				break;
			case R.id.imgBack:
				finish();
				break;
			}

		}
	}
}

ThirdActivity.java:

package com.jay.example.includedemo;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.TextView;

public class ThirdActivity extends Activity {
	private View topbar;
	private ImageView imgBack;
	private TextView txtTitle;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_third);
		getActionBar().hide();
		getViews();
		setViews();
	}

	private void getViews() {
		topbar = findViewById(R.id.topbar);
		imgBack = (ImageView) topbar.findViewById(R.id.imgBack);
		txtTitle = (TextView) topbar.findViewById(R.id.txtTitle);
	}

	private void setViews() {
		MyClick myClick = new MyClick();
		txtTitle.setText("第三页");
		imgBack.setOnClickListener(myClick);
	}

	// 定义事件处理类
	private class MyClick implements OnClickListener {
		@Override
		public void onClick(View v) {
			switch (v.getId()) {
			case R.id.imgBack:
				finish();
				break;
			}

		}
	}
}

最后再配置文件注册下二三两个Activity即可!

   <activity android:name=".SecondActivity"></activity>
        <activity android:name=".ThirdActivity"></activity>

代码下载:

http://pan.baidu.com/s/1bnpjJhP

Android实习札记(11)---妙用include解决布局重用问题

声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：投诉/举报工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们

首页 > 代码库 > Android实习札记(11)---妙用include解决布局重用问题

Android实习札记(11)---妙用include解决布局重用问题

本节流程图:

效果图:

代码思路:

详细代码如下:

代码下载:

看完仍有疑问？有类似问题直接问程序猿