android开发界面使用综合布局
2016-12-08 15:20:19 weixin_34114823 阅读数 1

wKioL1hJCTrQbAorAAHeWdhDusU595.png-wh_50

要实现这种效果,

  1. LinearLayout的嵌套实现    2.使用RelativeLayout


  2. <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:paddingLeft="10dp" 
         android:paddingRight="10dp" 
         >
        
    
        
         <EditText 
            android:id="@+id/EditText1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/reminder"
        	/>
         
         
         <LinearLayout 
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:orientation="horizontal"
             >
              <EditText 
            android:id="@+id/dates"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
    		android:layout_weight="1"
            
            />
        
         <EditText 
            android:id="@+id/times"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
    		  
            
            />
         
         </LinearLayout>
         
       
         <Button 
             android:id="@+id/button1"
             android:layout_width="96dp"
             android:layout_height="wrap_content"
             android:layout_gravity="right"
             android:text="提交"
             />
    
    </LinearLayout>


  3. <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent" 
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        >
        <EditText 
            android:id="@+id/EditText1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:hint="@string/reminder"
        	/>
        <EditText 
            android:id="@+id/dates"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
    		android:layout_below="@id/EditText1"
    		android:layout_alignParentLeft="true"    
    		android:layout_toLeftOf="@+id/times" 
            
            />
        
         <EditText 
            android:id="@+id/times"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
    		android:layout_below="@+id/EditText1"
    		android:layout_alignParentRight="true"     
            
            />
         
         <Button 
             android:id="@+id/button1"
             android:layout_width="96dp"
             android:layout_height="wrap_content"
             android:layout_below="@id/times"
             android:layout_alignParentRight="true"
             android:text="提交"
             />
        
    
    </RelativeLayout>
    <!--  	android:layout_alignParentLeft="true"    和父控件左对齐
    android:layout_toLeftOf="@+id/times" 在指定组件左边
    android:layout_below="@id/EditText1"   在指定组件下边
     -->

转载于:https://blog.51cto.com/matengbing/1880754

2017-11-12 15:26:00 weixin_34277853 阅读数 29

wKioL1hJCTrQbAorAAHeWdhDusU595.png-wh_50

要实现这种效果,

  1. LinearLayout的嵌套实现    2.使用RelativeLayout


  2. 1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:paddingLeft="10dp" 
         android:paddingRight="10dp" 
         >
         
     
         
         <EditText 
            android:id="@+id/EditText1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/reminder"
            />
          
          
         <LinearLayout 
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:orientation="horizontal"
             >
              <EditText 
            android:id="@+id/dates"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
             
            />
         
         <EditText 
            android:id="@+id/times"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
               
             
            />
          
         </LinearLayout>
          
        
         <Button 
             android:id="@+id/button1"
             android:layout_width="96dp"
             android:layout_height="wrap_content"
             android:layout_gravity="right"
             android:text="提交"
             />
     
    </LinearLayout>


  3. 1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent" 
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        >
        <EditText 
            android:id="@+id/EditText1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:hint="@string/reminder"
            />
        <EditText 
            android:id="@+id/dates"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/EditText1"
            android:layout_alignParentLeft="true"    
            android:layout_toLeftOf="@+id/times" 
             
            />
         
         <EditText 
            android:id="@+id/times"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:layout_below="@+id/EditText1"
            android:layout_alignParentRight="true"     
             
            />
          
         <Button 
             android:id="@+id/button1"
             android:layout_width="96dp"
             android:layout_height="wrap_content"
             android:layout_below="@id/times"
             android:layout_alignParentRight="true"
             android:text="提交"
             />
         
     
    </RelativeLayout>
    <!--   android:layout_alignParentLeft="true"    和父控件左对齐
    android:layout_toLeftOf="@+id/times" 在指定组件左边
    android:layout_below="@id/EditText1"   在指定组件下边
     -->
2014-01-13 15:03:00 weixin_30342827 阅读数 5

转载于:https://www.cnblogs.com/heml/p/3517451.html

2011-03-09 17:09:00 handsongice 阅读数 238

1、开发ide intellij

2、创建android项目

     这时候系统会自动生成app访问的首页(ActivityMain.java)及对应的main.xml,并且初始化R.java

3、介绍一下写代码的流程

     如果你的应用有多个界面的话,首先要做的是在res/layout下编写XXX.xml,以及编辑res/values/strings.xml(主要是声明一些变量,比如应用的名称,欢迎语之类的)。编辑完毕xml以后,在项目上单击右键,选择force regenerate R.java,来自的更新R.java。然后单击右键选择new-Android component 生成类,然后就可以在类中添加代码了。

4、线性布局-LinearLayout

显示方向--android:orientation 【水平-vertical、垂直-horizontal】

宽度--android:layout_width 【全屏-fill_parent、根据内容-wrap_content】

高度--android:layout_height 【全屏-fill_parent、根据内容-wrap_content】

内容--android:text

5、Frame布局-FrameLayout

图片--android:src

6、表单布局-TableLayout

行--TableRow

文本--TextView

输入框--EditText

按钮--Button

7、相对布局-RelativeLayout

背景--android:background

边距--android:padding

 

2018-11-17 18:33:10 yangyang031213 阅读数 216
  • 效果:
    在这里插入图片描述
  • 需要注意:
    1.GridLayout的rowCount、columnCount确定总的行列数
    2.控件的layout_rowSpan、layout_columnSpan确定占用的行列数,当他们的值大于1时使用android:layout_gravity="fill"充满占用的空间
    3.控件的layout_rowWeight、layout_columnWeight确定行列值占比,均分控件
  • 代码:
<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_test_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:rowCount="7"
    android:columnCount="4"
    tools:context="com.example.admin.testproj.testLayout">

    <EditText
        android:layout_rowWeight="2"
        android:layout_columnWeight="4"
        android:layout_rowSpan="2"
        android:layout_columnSpan="4"
        android:layout_gravity="fill"
        android:id="@+id/editText3"
        android:inputType="text"
        android:hint="请输入..." />

    <Button
        android:text="1"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button32" />

    <Button
        android:text="2"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button45" />

    <Button
        android:text="3"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button42" />

    <Button
        android:text="/"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button43" />

    <Button
        android:text="4"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button36" />

    <Button
        android:text="5"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button44" />

    <Button
        android:text="6"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button41" />

    <Button
        android:text="*"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button38" />

    <Button
        android:text="7"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button35" />

    <Button
        android:text="8"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button40" />

    <Button
        android:text="9"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button34" />

    <Button
        android:text="-"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button30" />

    <Button
        android:text="0"
        android:layout_rowWeight="1"
        android:layout_columnWeight="2"
        android:layout_columnSpan="2"
        android:layout_gravity="fill"
        android:id="@+id/button33" />

    <Button
        android:text="."
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:id="@+id/button39" />

    <Button
        android:text="+"
        android:layout_rowWeight="2"
        android:layout_columnWeight="1"
        android:layout_rowSpan="2"
        android:layout_gravity="fill"
        android:id="@+id/button31"/>

    <Button
        android:text="="
        android:layout_rowWeight="1"
        android:layout_columnWeight="3"
        android:layout_gravity="fill"
        android:layout_columnSpan="3"
        android:id="@+id/button37" />
</GridLayout>

代码:https://github.com/yangyang0312/AndroidTestCode/tree/master/TestProj

没有更多推荐了,返回首页