一个按钮改变字体的大小,一个按钮改变字体的样式

一个按钮改变字体的大小,一个按钮改变字体的样式

Activity核心代码:

public class Ex03_14 extends Activity
{
  private TextView mText;
  private Button sizeButton;
  private Button fontButton;
  @Override 
  public void onCreate(Bundle savedInstanceState)
  {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
   
    mText=(TextView)findViewById(R.id.mytextview);
    sizeButton=(Button) findViewById(R.id.sizebutton);
    fontButton=(Button) findViewById(R.id.fontbutton);
    sizeButton.setOnClickListener(new View.OnClickListener()
    {
      public void onClick(View v)
      {
        mText.setTextSize(20);     //设置字体大小为20
      }      
    }
    );
    fontButton.setOnClickListener(new View.OnClickListener()
    {
      public void onClick(View v)
      {
        mText.setTypeface(Typeface.DEFAULT_BOLD,Typeface.ITALIC);    //设置系统默认的字体样式
    //  mText.setTypeface

    // (Typeface.createFromAsset(getAssets(),"fonts/HandmadeTypewriter.ttf"));    //设置自己的字体样式
      }
    }
    );
  } 
}

说明:必须事先在assets底下创建一个fonnts文件夹,并放入要使用的字体文件(.ttf),并提供相对路径给createFronAsset()来创建Typeface对象。但是Android对字体支持不太好,可能有些字体文件不支持,但也不会报错,只是在运行过程中使用默认的字体样式。另外不仅可通过外部资源来构造Typeface,也可以通过defaultFromStyle使用Android内置的几款Typeface.

int BOLD   (Typeface.BOLD)

int BLOD_ITALIC

int ITALIC

int NORMAL

Typeface DEFAULT_BOLD  (Typeface.DEFAULT_BOLD)

Typeface DEFAULT

Typeface MONSPACE

Typeface SANS_SERIF

Typeface SERIF

 

另外说明一点:

Button.OnClickListener相当于一个接口,但看起来,Button本身没有OnClickListener这个接口。
android.view.View.OnClickListener说明OnClickListener这个接口是属于View的。
Button更改成EditText,View也是运行正确的!

要 `ref` 实现点击一个按钮增加字体大小,点击一个按钮减小字体大小,可以通过以下步骤实现: 1. 在 `setup` 函数中,使用 `ref` 创建一个变量 `fontSize`,并初始化为默认字体大小。 2. 在模板中,使用 `:style` 绑定样式对象,动态设置字体大小。 3. 在模板中,使用 `@click` 绑定点击事件,分别在点击事件中修改 `fontSize` 变量的值,从而改变字体大小。 下面是一个示例: ``` <template> <div> <p :style="{ fontSize: fontSize + 'px' }">Hello World</p> <button @click="increaseFontSize">增加字体大小</button> <button @click="decreaseFontSize">减小字体大小</button> </div> </template> <script> import { ref } from 'vue' export default { setup() { const fontSize = ref(16) const increaseFontSize = () => { fontSize.value += 2 } const decreaseFontSize = () => { fontSize.value -= 2 } return { fontSize, increaseFontSize, decreaseFontSize } } } </script> ``` 在上面的示例中,我们使用 `ref` 创建了一个名为 `fontSize` 的变量,并初始化为默认字体大小 `16`。然后在模板中使用 `:style` 绑定样式对象,动态设置字体大小为 `fontSize + 'px'`。接着,我们在模板中使用 `@click` 绑定点击事件,分别在点击事件中调用 `increaseFontSize` 和 `decreaseFontSize` 方法,从而改变 `fontSize` 的值。 需要注意的是,在改变 `fontSize` 的值时,我们使用 `.value` 来获取和设置其值。例如,`fontSize.value += 2` 就是将 `fontSize` 的值增加 `2`。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值