控件与布局的继承结构
所有控件都是直接或间接继承自 View 的,所有布局都是直接或间接继承自 ViewGroup 的。View 是 Android 中一种最基础的 UI 组件,它可以在屏幕上绘制一块矩形区域,并能响应这块区域中的各种事件。而 ViewGroup 则是一种特殊的 View,它可以包含很多的子 View和子
ViewGroup,是一种可用于放置控件和布局的容器。
1 引入布局
我们来创建一个标题栏布局,一般做法是加入两个 Button 和一个 TextView,然后在布局中摆放好就可以了。可是这样做却存在一个问题,一般我们的程序可能会存在很多个活动都需要这样的标题栏,如果在每个活动的布局中都编写一遍同样的标题栏代码,就会导致代码的大量重复。这时,我们就可以使用引入布局的方式来解决。
我们在 res/layout 下新建一个布局文件 title.xml:
android:layout_width="match_parent"
android:layout_height="wrap_content">
android:id="@+id/back"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_margin="5dp"
android:text="返回"
android:textColor="#fff"
android:background="@drawable/back_bg"
/>
android:id="@+id/title"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_gravity="center"
android:layout_weight="1"
android:layout_margin="6dp"
android:gravity="center"
android:text="标题栏"
android:textColor="#fff"
android:textSize="24sp"
android:background="@drawable/title_bg"
/>
android:id="@+id/edit"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_margin="5dp"
android:text="编辑"
android:textColor="#fff"
android:background="@drawable/edit_bg"
/>
我们在 LinearLayout 中分别加入了两个 Button 和一个 TextView,左边的 Button
用于返回,右边的 Button 用于编辑,中间的 TextView 显示一段标题文本。
使用 android:background 为布局或控件指定一个背景,可以使用颜色或图片来填充。这里
使用了 title_bg.png、back_bg.png 和 edit_bg.png,分别用于作为标题栏、返回按钮和编辑按钮的背景图片。两个 Button 中都使用了 android:layout_margin 属性,用于指定控件在上下左右方向上偏移量,也可以使用 android:layout_marginLeft 或 android:layout_marginTop 等属性来单独指定控件在某个方向上偏移量。
修改 activity_main.xml 中的代码,引入刚才定义的新布局文件:
android:layout_width="match_parent"
android:layout_height="match_parent">
最后在 MainActivity 中隐藏系统自带的标题栏:
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//隐藏系统自带的标题栏
ActionBar supportActionBar = getSupportActionBar();
if(supportActionBar !=null){
supportActionBar.hide();
}
}
引入标题栏布局
使用这种方式,以后不管有多少活动需要添加标题栏,只需一行 include 语句就可以啦O(∩_∩)O哈哈~
2 创建自定义控件
自定义的标题栏中的返回按钮,不管是在哪一个活动中,这个按钮的功能都是相同的,即销毁
掉当前活动。所以如果在每一个活动中都注册一遍返回按钮的点击事件,无疑又是增
加了很多重复的代码,因此我们使用自定义控件来解决这一问题吧。
新建了类 TitleLayout,让它继承自 LinearLayout,这就是我们自定义的标题栏控件,然后为两个按钮分别添加点击事件:
public class TitleLayout extends LinearLayout {
public TitleLayout(Context context, AttributeSet attrs) {
super(context, attrs);
LayoutInflater.from(context).inflate(R.layout.title, this);
//返回,销毁当前活动
findViewById(R.id.back).setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
((Activity)getContext()).finish();
}
});
//编辑
findViewById(R.id.edit).setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(getContext(),"点击了编辑按钮",Toast.LENGTH_SHORT).show();
}
});
}
}
最后在布局文件中添加这个自定义控件:
android:layout_width="match_parent"
android:layout_height="wrap_content">
注意:添加自定义控件的时候,我们需要指出控件的完整类名。
点击编辑按钮后的效果
这样,每当我们在一个布局中引入自定义的 TitleLayout 时,返回按钮和编辑按钮的点击事件就
已经自动实现好了,这样就省去了很多编写重复代码的工作啦O(∩_∩)O~