2201-View-button

展示一个大按钮、小按钮和钉钮按钮

<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (C) 2008 The Android Open Source Project

     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
     You may obtain a copy of the License at

          http://www.apache.org/licenses/LICENSE-2.0

     Unless required by applicable law or agreed to in writing, software
     distributed under the License is distributed on an "AS IS" BASIS,
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
     limitations under the License.
-->

<!-- Lots of buttons = need scrolling -->
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        
        <!-- Regular sized buttons -->
        <Button android:id="@+id/button_normal"
            android:text="@string/buttons_1_normal"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <!-- Small buttons -->
        <Button android:id="@+id/button_small"
            style="?android:attr/buttonStyleSmall"
            android:text="@string/buttons_1_small"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <ToggleButton android:id="@+id/button_toggle"
            android:text="@string/buttons_1_toggle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
            
    </LinearLayout>
    
</ScrollView>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
movable-view是一个可移动的视图容器,在页面中可以通过拖拽滑动来改变其位置。它通常与movable-area一起使用,movable-area是movable-view的父级容器,必须设置width和height属性,否则默认为10px。\[1\] 注意事项包括: 1. movable-view和movable-area都必须设置width和height属性,否则默认为10px。 2. movable-view默认为绝对定位,top和left属性为0px。 3. movable-view的移动范围限制在movable-area内,如果movable-view的宽或高值比movable-area大,则只能在x或y方向移动,若都超过,则无法移动。 4. movable-view必须在组件中,并且必须是直接子节点,否则不能移动。\[2\] 在微信小程序中,movable-view是一个独有的模块,它有两个标签:movable-area作为父容器,movable-view作为子容器。子容器必须在父容器中,否则无法实现移动效果。\[3\] 下面是一个示例代码,展示了如何使用movable-view和movable-area来创建一个可移动的红色视图: ```html <movable-area class='area'> <movable-view class='a' direction='all' inertia out-of-bounds="{{false}}" x="{{x*2}}rpx" y="{{y*2}}rpx" damping='30' friction="30"> 我是红色 </movable-view> </movable-area> <button bind:tap="areaEvent">按钮</button> ``` 在这个示例中,movable-view被设置为红色,并且可以通过拖拽滑动来改变其位置。\[3\] #### 引用[.reference_title] - *1* *2* [uni-app视图容器之movable-view](https://blog.csdn.net/qq_27600723/article/details/106452491)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [手把手带你学习微信小程序 —— 九 (movable-view 组件)](https://blog.csdn.net/caidewei121/article/details/96352443)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值