当前位置:   article > 正文

Android自定义View----1. 自定义组合控件_android 自定义包含多view的组件

android 自定义包含多view的组件


Android自定义View----1. 自定义组合控件


本节前言

自定义View的实现方式大概可以分为三种:

(1).自绘控件   (2).组合控件   (3).继承控件

每种方式分别是如何自定义View的, 以及三种使用的场合,以下会介绍.


本节正文

1. 简介

自定义view中,组合控件是最简单的实现方式,组合控件可以理解为,充分利用系统原有的组件基础上,将多个组件放到同一个布局xml 中重新组合成一个新的view 组件,无需我们手动绘制.


2.使用步骤

  (1).先要理清组合控件中包含有哪几个组件,在xml 中定义好组件内容以及布局.

  (2).然后顶一个view继承自FrameLayout等view 类,添加好类的构造方法, 并在构造方法中加载此布局xml . 

  (3).在对应UI 界面做添加,以包名+类名方式加入到xml 布局文件中.


3.案例讲解

 如图所示,一个包含了图片和文本的按钮,这种简单的组合控件,需要明确哪几个组件,然后在xml 中重新定义即可.


从图中可以看到按钮中包含的组件内容.

title_view.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="wrap_content"
  4. android:layout_height="wrap_content"
  5. android:orientation="horizontal"
  6. android:layout_gravity="center_vertical">
  7. <ImageView
  8. android:id="@+id/iv"
  9. android:layout_width="40dp"
  10. android:layout_height="40dp"
  11. android:layout_gravity="center_horizontal"
  12. android:layout_marginLeft="15dp" />
  13. <TextView
  14. android:id="@+id/tv"
  15. android:layout_width="wrap_content"
  16. android:layout_height="wrap_content"
  17. android:layout_gravity="center_vertical"
  18. android:layout_marginLeft="20dip"
  19. android:textColor="#000000" />
  20. </LinearLayout>

继续看下如何定义一个TitleView

TitleView.java

  1. public class TitleView extends FrameLayout {
  2. private ImageView img;
  3. private TextView tv;
  4. public TitleView(Context context, AttributeSet attrs, int defStyle) {
  5. super(context, attrs, defStyle);
  6. }
  7. public TitleView(Context context, AttributeSet attrs) {
  8. super(context, attrs);
  9. LayoutInflater.from(context).inflate(R.layout.title_view,this,true);
  10. img=(ImageView)findViewById(R.id.iv);
  11. tv=(TextView)findViewById(R.id.tv);
  12. }
  13. public TitleView(Context context) {
  14. super(context);
  15. }
  16. public void setTextViewtext(String str){
  17. tv.setText(str);
  18. }
  19. public void setImageViewbg(int id){
  20. img.setBackgroundResource(id);
  21. }
  22. }
利用LayoutInflater.from(context).inflate(R.layout.title_view,this,true); 加载一个xml ,里面定义了组合的各种组件内容.

MainActivity.java

  1. public class MainActivity extends Activity {
  2. private TitleView tv;
  3. @Override
  4. protected void onCreate(Bundle savedInstanceState) {
  5. super.onCreate(savedInstanceState);
  6. setContentView(R.layout.activity_main);
  7. tv=(TitleView)findViewById(R.id.bt_confirm);
  8. tv.setTextViewtext("确定");
  9. tv.setImageViewbg(R.drawable.icon_settings);
  10. }
  11. }

这里定义的TitleView对象,即为自定义的View。然后在activity_main.xml添加加载.

activity_main.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="fill_parent">
  5. <com.example.titleview.TitleView
  6. android:id="@+id/bt_confirm"
  7. android:layout_width="wrap_content"
  8. android:layout_height="wrap_content"
  9. android:layout_centerInParent="true"
  10. android:background="@drawable/focused"
  11. android:clickable="true"
  12. android:focusable="true" />
  13. </RelativeLayout>


4.案例源码

      http://git.oschina.net/xiabing/TestDemoForview 


5.常见问题

 自定义view 常见会出现问题,各种异常解决分析,请查阅:

 Android异常汇集: http://blog.csdn.net/xiabing082/article/details/43487159



声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/759741
推荐阅读
相关标签
  

闽ICP备14008679号