Button初识

public class Button extends TextView

Button继承于TextView,所以说,button可使用textView的属性
是否可点击

android:enabled=”true”

设计按钮上有图片样式
android:drawableTop="@mipmap/ic_launcher"
    android:drawableBottom="@mipmap/ic_launcher"
    android:drawableLeft="@mipmap/ic_launcher"
    android:drawableRight="@mipmap/ic_launcher"

  <Button
        android:text="这是一个按钮"
        android:drawableTop="@mipmap/ic_launcher"
        android:drawableBottom="@mipmap/ic_launcher"
        android:drawableLeft="@mipmap/ic_launcher"
        android:drawableRight="@mipmap/ic_launcher"
        android:enabled="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/button44"/>

这里写图片描述


设计点击事件
推荐使用butterKinfer
如果是原生的话

   mButton=(Button)findViewById(R.id.button44);
   mButton.setOnClickListener(this);
   tv1=(TextView)findViewById(R.id.tv1);
    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.button44:
                tv1.setText("666666666666");
                break;
        }
    }

目前来说就这么多,以后有了补充

### 初学者适用的 Vue 代码示例 对于刚开始学习 Vue 的开发者来说,理解如何构建简单的组件是非常重要的。下面提供了一个基础的例子来展示如何创建一个可以切换显示消息的应用程序。 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue Beginner Example</title> <script src="https://cdn.jsdelivr.net/npm/vue@2"></script> </head> <body> <div id="app"> <p>{{ message }}</p> <button v-on:click="reverseMessage">Reverse Message</button> </div> <script type="text/javascript"> new Vue({ el: '#app', data: { message: 'Hello Vue!' }, methods: { reverseMessage: function () { this.message = this.message.split('').reverse().join('') } } }) </script> </body> </html> ``` 此段代码展示了如何定义一个基本的 Vue 实例并将其挂载到 HTML 页面中的特定元素上[^1]。通过 `data` 属性设置初始状态,并利用方法属性定义了用于响应按钮点击事件的方法。当用户单击按钮时,会调用 `reverseMessage()` 方法反转字符串的内容。 #### 单文件组件方式实现相同的功能 如果采用单文件组件的方式编写相同的逻辑,则代码结构如下所示: ```vue <template> <div class="example"> <p>{{ message }}</p> <button @click="reverseMessage">Reverse Message</button> </div> </template> <script> export default { name: 'ExampleComponent', data() { return { message: 'Hello Vue!', }; }, methods: { reverseMessage() { this.message = this.message.split('').reverse().join(''); }, }, }; </script> <style scoped> .example { font-family: Arial; } </style> ``` 这种方式不仅保持了HTML、JavaScript 和 CSS 的分离,还提高了可维护性和重用性[^2]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值