UI

作者: moosoo | 来源:发表于2016-12-17 21:36 被阅读20次

1、布局
线性布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
</LinearLayout>

 android:orientation 指定排列方向,vertical:垂直方向;horizon:水平方向。
android:layout_gravity 指定控件在布局中的对齐方式。
android:layout_weight  使用比例的方式来指定控件的大小。

相对布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.test.helloworld.HelloWorldActivity" >
    ......
</RelativeLayout>
android:layout_above
android:layout_below
android:layout_toLeftOf
android:layout_toRightOf

框架布局

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
</FrameLayout>

表格布局

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:stretchColumns="1" >

    <TableRow>
         ......
    </TableRow>

    <TableRow>
        ......
    </TableRow>
</TableLayout>

android:layout_span="2" 合并单元格
android:stretchColumns="1" 对指定列进行拉伸

2、控件

android:id 当前元素的唯一标识符
android:layout_width 指定当前元素的宽度
android:layout_height 指定当前元素的高度
(match_parent:和父元素一样宽;wrap_content:刚好包含里面的内容)
android:gravity 指定文字的对齐方式
(top、bottom、left、right、center,可以用"|"来同时指定多个值)
android:textSize 指定文字大小
android:textColor 指定文字颜色
android:hint 提示性文字
android:padding 给控件周围加上补白

<TextView
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:text="@string/hello_world"
     android:singleLine="true"
     <!--文本缩略方式-->
     android:ellipsize="end"
 />
<Button
       android:id="@+id/bt1"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:text="传数给Mary"
       android:hint="请输入一个数字" />
<EditText 
        android:id="@+id/edit_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        <!--最大行数-->
        android:maxLines="2"  
       <!--方框风格-->
        android:background="@android:drawable/alert_light_frame"
        />
图片
<ImageView 
        android:id="@+id/image_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher"
        android:scaleType="fitXY"
        />

更改图片
private imageView  = (ImageView) findViewById(R.id.image_view);
imageView.setImageResource(R.drawable.jelly_bean);
进度条
<ProgressBar 
        android:id="@+id/progress_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />
android:visibility 可见属性
(visible、invisible和gone(不仅不可见且不占空间))
android:max 给进度条设置一个最大值

动态更改进度条
int progress = progressBar.getProgress();
progress = progress + 10;
progressBar.setProgress(progress);

设置控件的可见性,使用的是setVisibility()方法,可以传入View.VISIBLE、View.INVISIBLE和View.GONE三种值。对应的获取属性是getVisibility()方法。

AlertDialog.Builder dialog = new AlertDialog.Builder (MainActivity.this);
    dialog.setTitle("This is Dialog");
    dialog.setMessage("Something important.");
    dialog.setCancelable(false); //能否用返回键取消
    dialog.setPositiveButton("OK", new DialogInterface. OnClickListener() {
          @Override
          public void onClick(DialogInterface dialog, int which) {
          }
    });
    dialog.setNegativeButton("Cancel", new DialogInterface. OnClickListener() {
          @Override
          public void onClick(DialogInterface dialog, int which) {
          }
     });
    dialog.show();

3、引入布局
已有一个title.xml的布局,在需要的布局中添加语句

<include layout="layout/titlle" />

4、ListView

xml:
<ListView
     android:id="@+id/list_view"
     android:layout_width="match_parent"
     android:layout_height="match_parent" >
</ListView>
java:
private String[] data = { "Apple", "Banana", "Orange","Watermelon","Pear", 
                    "Grape", "Pineapple", "Strawberry", "Cherry", "Mango" };

ArrayAdapter<String> adapter = new ArrayAdapter<String>(MainActivity.this, 
                               android.R.layout.simple_list_item_1, data);
ListView listView = (ListView) findViewById(R.id.list_view);
listView.setAdapter(adapter);

5、单位和尺寸
dp是密度无关像素的意思,也被称作dpi,和px相比,它在不同密度的屏幕中的显示比例将保持一致。
sp是可伸缩像素的意思,它采用了和dp同样的设计理念,解决了文字大小的适配问题。

相关文章

网友评论

      本文标题:UI

      本文链接:https://www.haomeiwen.com/subject/szluuttx.html