MobliePlayer顶部bar的点击事件

最新推荐文章于 2024-08-14 11:20:14 发布

郑华伟

最新推荐文章于 2024-08-14 11:20:14 发布

阅读量195

点赞数

分类专栏： MobliePlayer开发记录文章标签： android android studio

本文链接：https://blog.csdn.net/weixin_44880903/article/details/104355818

版权

MobliePlayer开发记录专栏收录该内容

8 篇文章 0 订阅

订阅专栏

博客详细介绍了如何在Android应用中实现MobliePlayer顶部bar的点击事件，通过创建自定义TitleBar类，重写构造方法和onFinishInflate()，设置布局文件，并添加点击监听。遇到的错误是因为构造方法不正确导致。

摘要由CSDN通过智能技术生成

MobliePlayer顶部bar的点击事件

文章目录

MobliePlayer顶部bar的点击事件

实现的方法

采用自定义类来实现顶部bar的点击事件。

新建TitleBar类

包名为view，在其中新建一个TitleBar的类，它继承于LinearLayout。

public class TitleBar extends LinearLayout {

}

写入构造方法

在新建的类中重写上下文构造方法，并接收上下文，这个构造方法必须要public TitleBar(Context context, @Nullable AttributeSet attrs)方法，如果public TitleBar(Context context) 这个方法将产生后面的一个错误。

    public TitleBar(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        this.context=context;
    }

替换TitleBar布局文件的头

全选新建的类名TitleBar，然后在上点鼠标右键——>Copy Reference。转到TitleBar的布局文件上，将原来的代码第2行中的 LinearLayout全点并粘贴。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:gravity="center_vertical"
    android:background="#ff3097fd">
    <ImageView
        android:layout_marginLeft="8dp"
        android:src="@drawable/ic_topbanner_logo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/tv_seache"
        android:clickable="true"
        android:gravity="left|center_vertical"
        android:text="全网搜索"
        android:textColor="@drawable/sercher_text_color_selecter"
        android:drawablePadding="5dp"
        android:layout_weight="1"
        android:background="@drawable/sercher_bg_selecter"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:drawableLeft="@drawable/sercher_left_selecter"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <TextView
            android:id="@+id/iv_game"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableLeft="@drawable/ic_topbanner_game"/>
        <ImageView
            android:background="@drawable/do_game"
            android:layout_alignRight="@+id/iv_game"
            android:layout_width="6dp"
            android:layout_height="6dp"/>
    </RelativeLayout>
    <ImageView
        android:id="@+id/iv_history"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:background="@drawable/ic_topbanner_record"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
</LinearLayout>

修改为（注意第2行代码发生的变化）变为了plczl.cn.mobileplayer.view.TitleBar，TitleBar本身继承于LinearLayout，说明此布局也是线性布局。待这个布局加载后布局中的ImageView、TextView、RelativeLayout和ImageView成为了TitleBar类的Child.

<?xml version="1.0" encoding="utf-8"?>
<plczl.cn.mobileplayer.view.TitleBar xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:gravity="center_vertical"
    android:background="#ff3097fd">
    <ImageView
        android:layout_marginLeft="8dp"
        android:src="@drawable/ic_topbanner_logo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/tv_seache"
        android:clickable="true"
        android:gravity="left|center_vertical"
        android:text="全网搜索"
        android:textColor="@drawable/sercher_text_color_selecter"
        android:drawablePadding="5dp"
        android:layout_weight="1"
        android:background="@drawable/sercher_bg_selecter"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:drawableLeft="@drawable/sercher_left_selecter"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <TextView
            android:id="@+id/iv_game"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableLeft="@drawable/ic_topbanner_game"/>
        <ImageView
            android:background="@drawable/do_game"
            android:layout_alignRight="@+id/iv_game"
            android:layout_width="6dp"
            android:layout_height="6dp"/>
    </RelativeLayout>
    <ImageView
        android:id="@+id/iv_history"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:background="@drawable/ic_topbanner_record"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
</plczl.cn.mobileplayer.view.TitleBar>

重写TitleBar类的onFinishInfalte()

当我们的XML布局被加载完后，就会回调onFinshInfalte这个方法，在这个方法中我们可以初始化控件和数据。
代码中的getChildAt(1)、getChildAt(2)、getChildAt(3)根据上文中提到的布局文件，分别对应TextView、RelativeLayout和ImageView控件。
注意，search、game、hissory这几个控件分别定义为View类型。

public class TitleBar extends LinearLayout {
    private final Context context;
    private View search;
    private View game;
    private View hissory;
    public TitleBar(Context context) {
        super(context);
        this.context = context;
    }
    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        search = getChildAt(1);
        game = getChildAt(2);
        hissory = getChildAt(3);
    }
}

点击监听

写search、game、hissory控件的监听事件。
首选自定义了一个class MyOnClickListener implements OnClickListener方法。
用earch、game、hissory分别去setOnClickListener(myOnClickListener)方法，在MyOnClickListener方法中用switch区分出我们点击了哪一个。运行中如果能正常分别弹出对应的Toast说明成功了。
以后对应的处理待码就可以写在对应的Toast位置。

 @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        search = getChildAt(1);
        game = getChildAt(2);
        hissory = getChildAt(3);

        
        MyOnClickListener myOnClickListener=new MyOnClickListener();
        search.setOnClickListener(myOnClickListener);
        game.setOnClickListener(myOnClickListener);
        hissory.setOnClickListener(myOnClickListener);

    }

    class MyOnClickListener implements OnClickListener{

        @Override
        public void onClick(View v) {
            switch (v.getId()){
                case R.id.tv_seache:
                    Toast.makeText(context,"点击了搜索按纽",Toast.LENGTH_LONG).show();
                    break;
                case R.id.rl_game:
                    Toast.makeText(context,"点击了游戏按纽",Toast.LENGTH_LONG).show();
                    break;
                case R.id.iv_history:
                    Toast.makeText(context,"点击了历史按纽",Toast.LENGTH_LONG).show();
                    break;
            }
        }
    }

运行结果

出现的错误

E/AndroidRuntime: FATAL EXCEPTION: main
    Process: plczl.cn.mobileplayer, PID: 4593
    java.lang.RuntimeException: Unable to start activity ComponentInfo{plczl.cn.mobileplayer/plczl.cn.mobileplayer.MainActivity}: android.view.InflateException: Binary XML file line #2: Error inflating class plczl.cn.mobileplayer.view.TitleBar
        at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2193)
        at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2243)
        at android.app.ActivityThread.access$800(ActivityThread.java:135)
        at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1196)
        at android.os.Handler.dispatchMessage(Handler.java:102)
        at android.os.Looper.loop(Looper.java:136)
        at android.app.ActivityThread.main(ActivityThread.java:5019)
        at java.lang.reflect.Method.invokeNative(Native Method)
        at java.lang.reflect.Method.invoke(Method.java:515)
        at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:779)
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:595)
        at dalvik.system.NativeStart.main(Native Method)
     Caused by: android.view.InflateException: Binary XML file line #2: Error inflating class plczl.cn.mobileplayer.view.TitleBar
        at android.view.LayoutInflater.createView(LayoutInflater.java:603)
        at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:696)
        at android.view.LayoutInflater.parseInclude(LayoutInflater.java:816)
        at android.view.LayoutInflater.rInflate(LayoutInflater.java:745)
        at android.view.LayoutInflater.inflate(LayoutInflater.java:492)
        at android.view.LayoutInflater.inflate(LayoutInflater.java:397)
        at android.view.LayoutInflater.inflate(LayoutInflater.java:353)
        at com.android.internal.policy.impl.PhoneWindow.setContentView(PhoneWindow.java:290)
        at android.app.Activity.setContentView(Activity.java:1929)
        at plczl.cn.mobileplayer.MainActivity.onCreate(MainActivity.java:38)
        at android.app.Activity.performCreate(Activity.java:5231)
        at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1104)
        at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2157)
        at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2243) 
        at android.app.ActivityThread.access$800(ActivityThread.java:135) 
        at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1196) 
        at android.os.Handler.dispatchMessage(Handler.java:102) 
        at android.os.Looper.loop(Looper.java:136) 
        at android.app.ActivityThread.main(ActivityThread.java:5019) 
        at java.lang.reflect.Method.invokeNative(Native Method) 
        at java.lang.reflect.Method.invoke(Method.java:515) 
        at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:779) 
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:595) 
        at dalvik.system.NativeStart.main(Native Method) 
     Caused by: java.lang.NoSuchMethodException: <init> [class android.content.Context, interface android.util.AttributeSet]
        at java.lang.Class.getConstructorOrMethod(Class.java:472)
        at java.lang.Class.getConstructor(Class.java:446)
        at android.view.LayoutInflater.createView(LayoutInflater.java:568)
        at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:696) 
        at android.view.LayoutInflater.parseInclude(LayoutInflater.java:816) 
        at android.view.LayoutInflater.rInflate(LayoutInflater.java:745) 
        at android.view.LayoutInflater.inflate(LayoutInflater.java:492) 
        at android.view.LayoutInflater.inflate(LayoutInflater.java:397) 
        at android.view.LayoutInflater.inflate(LayoutInflater.java:353) 
        at com.android.internal.policy.impl.PhoneWindow.setContentView(PhoneWindow.java:290) 
        at android.app.Activity.setContentView(Activity.java:1929) 
        at plczl.cn.mobileplayer.MainActivity.onCreate(MainActivity.java:38) 
        at android.app.Activity.performCreate(Activity.java:5231) 
        at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1104) 
        at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2157) 
        at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2243) 
        at android.app.ActivityThread.access$800(ActivityThread.java:135) 
        at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1196) 
        at android.os.Handler.dispatchMessage(Handler.java:102) 
        at android.os.Looper.loop(Looper.java:136) 
        at android.app.ActivityThread.main(ActivityThread.java:5019) 
        at java.lang.reflect.Method.invokeNative(Native Method) 
        at java.lang.reflect.Method.invoke(Method.java:515) 
        at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:779) 
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:595) 
        at dalvik.system.NativeStart.main(Native Method) 
Process 4593 terminated.

造成以上错误方法的原因是TitleBar构造方法错误，

public class TitleBar extends LinearLayout {
    private final Context context;
    public TitleBar(Context context) {
        super(context);
        this.context=context;
    }

}

在这里插入图片描述

郑华伟

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
MobliePlayer顶部bar的点击事件

MobliePlayer顶部bar的点击事件文章目录MobliePlayer顶部bar的点击事件实现的方法新建TitleBar类写入构造方法替换TitleBar布局文件的头重写TitleBar类的onFinishInfalte()点击监听运行结果出现的错误实现的方法采用自定义类来实现顶部bar的点击事件。新建TitleBar类包名为view，在其中新建一个TitleBar的类，它继承于L...
复制链接

扫一扫

专栏目录