`
yezhiqiu-love
  • 浏览: 169820 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

androidUI 设计之四-----多按钮选择

阅读更多

此案例适用于多个按钮模拟菜单的场景:


布局示意图:

 


实现代码:

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:background="@drawable/test_bg3"
  android:gravity="center">
    <LinearLayout 
    	android:id="@+id/linearLayout1"
    	android:layout_width="wrap_content"  
    	android:layout_height="wrap_content"
    	android:orientation="vertical">
        <RelativeLayout android:layout_width="580px" android:id="@+id/relativeLayout1" android:layout_height="240px">
            <TextView  android:id="@+id/textView1"
            	android:layout_height="wrap_content"  
                android:layout_width="wrap_content" 
                android:text="多按鈕模擬菜單"
                android:textColor="@color/normwrite_Color"
                android:textSize="25px"
                android:layout_marginLeft="150px"></TextView>
            <ImageView android:id="@+id/imageView1" android:background="@drawable/test_button4" android:layout_height="91px" android:layout_marginLeft="400px" android:layout_width="90px" ></ImageView>
        </RelativeLayout>
        <LinearLayout android:id="@+id/linearLayout2"
        	android:layout_width="400px"  
        	android:layout_height="140px"
        	android:orientation="vertical">
            <LinearLayout 
            	android:layout_width="wrap_content" 
            	android:id="@+id/linearLayout3" 
            	android:layout_height="fill_parent">
                <ImageButton android:layout_width="70px" android:id="@+id/imageButton1" android:layout_marginLeft="20px" android:layout_marginTop="3px" android:layout_height="70px" android:background="@drawable/test_button1"></ImageButton>
                <ImageButton android:layout_width="70px" android:id="@+id/imageButton2" android:layout_marginLeft="20px" android:layout_marginTop="3px" android:layout_height="70px" android:background="@drawable/test_button2"></ImageButton>
                <ImageButton android:layout_width="70px" android:id="@+id/imageButton3" android:layout_marginLeft="20px" android:layout_marginTop="3px" android:layout_height="70px" android:background="@drawable/test_button3"></ImageButton>
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>
</LinearLayout>
 
  • 大小: 137.3 KB
  • 大小: 5.1 KB
分享到:
评论

相关推荐

    Android UI模板设计---TopBar(标题栏)

    在Android应用开发中,UI设计是至关重要的一个环节,它直接影响到用户体验。TopBar,通常称为标题栏,是用户界面中的重要组成部分,用于显示当前页面的标题以及提供一些常用的操作入口。本教程将深入探讨如何在...

    android-android-ui-design-patterns.rar_Android UI Design_Android

    8. **适配多分辨率和屏幕尺寸**:Android设备的屏幕尺寸和分辨率多样化,因此UI设计需考虑如何适应不同屏幕,使用比例单位(如dp和sp)和百分比布局是常用的方法。 9. **动画和过渡效果**:动画和过渡不仅可以提升...

    Android UI设计技巧

    ### Android UI设计技巧详解 #### 一、使用`include`标签包含共享UI设计 在Android应用开发中,经常需要在多个界面中重复使用相同的UI组件或布局。为了提高代码复用性和可维护性,可以利用`include`标签来实现共享...

    android UI 开发工具droiddraw-r1b18

    在【标签】中提到的“android UI 开发工具”是指这个软件专门针对Android平台的UI设计,它理解Android系统的布局规则和组件特性。“droiddraw”是该工具的名字,而“r1b18”可能是该版本的标识,表示这是DroidDraw的...

    Android-UI-Tutorials-master

    在Android开发领域,UI设计是至关重要的一环,它直接影响到应用程序的用户体验和视觉吸引力。"Android-UI-Tutorials-master"这个压缩包显然包含了与Android用户界面相关的教程和示例代码,旨在帮助开发者学习和掌握...

    ui-fabric-android,Office UI Fabric for Android-为Office和Office 365构建体验的前端框架.zip

    在Android开发中,UI Fabric提供了丰富的组件库,这些组件包括但不限于按钮、输入框、选择器、表单控件、通知、对话框等,它们都遵循了Office的视觉样式和交互规范。通过使用这些组件,开发者可以快速创建出专业且...

    android-studio-ide-193.6514223-windows,完整版下载

    2. 主界面:Android Studio的主界面由多个部分组成,包括欢迎屏幕、项目结构视图(Project)、代码编辑器(Editor)、菜单栏、工具窗口和底部的面板(如终端、事件日志等)。 3. 功能特性: - 代码编辑:支持智能...

    安卓按钮UI设计案例

    "安卓按钮UI设计案例"是一个专门针对Android平台的按钮样式集合,为开发者和设计师提供了丰富的设计灵感和实践模板。 在这个案例中,我们可以看到各种不同的按钮样式,这些样式可能包括扁平化设计(Flat Design)、...

    androidUI设计软件

    Android UI设计主要包括布局(Layouts)、控件(Widgets)、颜色与图像、字体样式等多个方面。开发者需要通过这些元素构建出直观且易于操作的界面。布局是界面的基础,常见的有线性布局(LinearLayout)、相对布局...

    019_UI_常用组件-BasicViews-button-checkbox-radio

    在Android UI设计中,BasicViews是一组基础的视图组件,包括按钮(Button)、复选框(Checkbox)和单选按钮(Radio Button),这些都是构建用户界面不可或缺的部分。本教程“019_UI_常用组件-BasicViews-button-...

    安卓UI布局相关-AndroidUI组件库各种好看的组件.rar

    本资源"安卓UI布局相关-AndroidUI组件库各种好看的组件.rar"提供了多种美观的UI组件,供开发者们在构建应用时参考和使用。虽然无法确保每个组件都能直接运行,但它们可以作为学习和灵感的来源,开发者可以根据自己的...

    SSM-ZTE-AndroidUI-UIDD-0.1 用户界面设计说明1

    【SSM-ZTE-AndroidUI-UIDD-0.1 用户界面设计说明1】文档主要针对的是中兴Android系统的界面软件设计与开发项目,旨在为开发者提供一套详细的设计指南,确保用户界面的一致性、易用性和美观性。以下是根据文档内容...

    AndroidUI界面开发规范

    - **制定设计规范**:明确UI设计的标准和流程,包括颜色方案、字体大小、按钮样式等。 - **创建原型图**:使用工具如Sketch、Adobe XD等制作初步的设计草图或原型。 ##### 3.2 视觉设计 - **色彩搭配**:选择适合...

    新版Android开发教程 笔记11--可视化UI设计DroidDraw

    本教程将聚焦于“新版Android开发教程 笔记11--可视化UI设计DroidDraw”,探讨如何借助DroidDraw这一工具,高效地构建美观且易用的Android应用界面。 DroidDraw是一款已停更但依然广受欢迎的Android UI设计工具,它...

    Android-UI-of-weixin-client.rar_android_weixin_weixin ui_微信客户端_微

    首先,我们来探讨一下Android UI设计的基本原理。Android应用程序的用户界面主要基于Android SDK中的布局组件和自定义视图。常见的布局组件有线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局...

    漂亮的android UI界面设计例子.rar

    - Android UI设计中,色彩的选择和搭配是关键。一个漂亮的界面通常会采用统一的调色板,确保视觉的一致性。通过不同的颜色可以引导用户关注重要元素,同时营造出独特的品牌风格。 2. **布局管理**: - Android...

    Android---UI篇---Dialog(对话框)

    ### Android UI篇——Dialog(对话框) ...掌握这些知识将有助于我们在实际开发过程中更高效地进行UI设计与实现。 通过实践和不断学习,相信每位开发者都能熟练运用这些技巧,提高应用的用户体验。

    android-ui-master

    在Android开发中,UI设计和交互是至关重要的部分,尤其是对于用户操作反馈的动画效果。"android-ui-master"这个项目显然关注的是Android平台上的界面元素动画,特别是返回按钮的旋转和按钮转动效果。这些动画可以...

    android ui基础教程

    Android UI设计主要包括布局设计、控件使用以及动画效果等方面。 **1.2 Android UI开发工具** Android UI开发主要依赖于Android Studio集成开发环境中的各种工具,包括但不限于: - **Layout Editor**:提供了一个...

Global site tag (gtag.js) - Google Analytics