android界面布局之实现文本块布局效果示例

复制代码 代码如下:
package cn.aibow.android.layoutdemo1;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.MotionEvent;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {

private int[] idarr = new int[]{R.id.tv1,R.id.tv2,R.id.tv3,R.id.tv4,R.id.tv5,R.id.tv6,R.id.tv7,R.id.tv8};
 private int[] colorarr = new int[]{0xFFFFFFFF,0xFFFFFFFF,0xFFFFFFFF,0xFFFFFFFF,0xFFFFFFFF,0xFFFFFFFF,0xFFFFFFFF,0xFFFFFFFF};
 private int[] bgarr = new int[]{0xFFFF6666,0xFF1e67c0,0xFFd47756,0xFF5a626f,0xFFee7434,0xFF3eadeb,0xFF0385fd,0xFF00a179};
 private String[] textarr = new String[]{"通讯电脑","生活厨卫","家用电器","日用百货","母婴玩具","户外体育","汽车配件","其它商品"};

@Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  for(int i=0;i<idarr.length;i++){
   TextView tv = (TextView)findViewById(idarr[i]);
   tv.setText(textarr[i]);
   tv.setBackgroundColor(bgarr[i]);
   tv.setTextColor(colorarr[i]);
   tv.setOnClickListener(new View.OnClickListener() {

@Override
    public void onClick(View v) {
     TextView t = (TextView)v;
     showMessage("您点击的是 : "+t.getText().toString());
    }
   });
  }
 }

private void showMessage(String msg){
  Toast.makeText(this, msg, Toast.LENGTH_LONG).show();
 }

@Override
 public boolean onCreateOptionsMenu(Menu menu) {
  // Inflate the menu; this adds items to the action bar if it is present.
  getMenuInflater().inflate(R.menu.main, menu);
  return true;
 }

}

布局xml

复制代码 代码如下:
<LinearLayout 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:orientation="vertical"
    android:padding="6dp"
    tools:context=".MainActivity" >

<LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
        <TextView
            android:id="@+id/tv1"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_margin="6dp"
            android:text="文本"
            android:gravity="center_vertical|center_horizontal"
            android:textColor="#FFFFFFFF"
            android:textSize="28sp"
            android:background="#FF000000"/>

<TextView
            android:id="@+id/tv2"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_margin="6dp"
            android:text="文本"
            android:gravity="center_vertical|center_horizontal"
            android:textColor="#FFFFFFFF"
            android:textSize="28sp"
            android:background="#FF000000"/>
    </LinearLayout>

<LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
        <TextView
            android:id="@+id/tv3"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_margin="6dp"
            android:text="文本"
            android:gravity="center_vertical|center_horizontal"
            android:textColor="#FFFFFFFF"
            android:textSize="28sp"
            android:background="#FF000000"/>

<TextView
            android:id="@+id/tv4"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_margin="6dp"
            android:text="文本"
            android:gravity="center_vertical|center_horizontal"
            android:textColor="#FFFFFFFF"
            android:textSize="28sp"
            android:background="#FF000000"/>
    </LinearLayout>

<LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
        <TextView
            android:id="@+id/tv5"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_margin="6dp"
            android:text="文本"
            android:gravity="center_vertical|center_horizontal"
            android:textColor="#FFFFFFFF"
            android:textSize="28sp"
            android:background="#FF000000"/>

<TextView
            android:id="@+id/tv6"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_margin="6dp"
            android:text="文本"
            android:gravity="center_vertical|center_horizontal"
            android:textColor="#FFFFFFFF"
            android:textSize="28sp"
            android:background="#FF000000"/>
    </LinearLayout>

<LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
        <TextView
            android:id="@+id/tv7"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_margin="6dp"
            android:text="文本"
            android:gravity="center_vertical|center_horizontal"
            android:textColor="#FFFFFFFF"
            android:textSize="28sp"
            android:background="#FF000000"/>

<TextView
            android:id="@+id/tv8"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_margin="6dp"
            android:text="文本"
            android:gravity="center_vertical|center_horizontal"
            android:textColor="#FFFFFFFF"
            android:textSize="28sp"
            android:background="#FF000000"/>
    </LinearLayout>

</LinearLayout>

效果图

时间: 2024-09-11 12:56:29

android界面布局之实现文本块布局效果示例的相关文章

android界面布局之实现文本块布局效果示例_Android

复制代码 代码如下: package cn.aibow.android.layoutdemo1; import android.os.Bundle;import android.app.Activity;import android.view.Menu;import android.view.MotionEvent;import android.view.View;import android.widget.TextView;import android.widget.Toast; public

Android编程之播放器MediaPlayer实现均衡器效果示例

本文实例讲述了Android播放器MediaPlayer实现均衡器效果.分享给大家供大家参考,具体如下: 这几天在系统学习Android官方API Demos,看到实现均衡器效果,就把官方API中代码copy下来,根据网上前辈的指引略有修改,添加了注释. public class AudioFxDemo extends Activity { private static final String TAG = "AudioFxDemo"; private static final flo

Android中设置组件半透明和透明的效果示例

本文介绍了Android是如何设置组件半透明和透明的效果,分享出来供大家参考,下面来看看详细的介绍: 1.Button或者ImageButton的背景设为透明或者半透明 半透明 <Button android:background="#e0000000" ... /> 透明 <Button android:background="#00000000" ... /> 颜色和不透明度 (alpha) 值以十六进制表示法表示.任何一种颜色的值范围都

屏幕尺寸-[android 界面]7寸的平板加载了小尺寸的布局

问题描述 [android 界面]7寸的平板加载了小尺寸的布局 写了一个Android程序,现在问题是我的一个7英寸的平板电脑加载了小尺寸的布局,.平板的分辨率是1280*800. 我在ldpi,hdpi,mdpi,xhdpi,sw600,sw800里面都放了不同分辨率的图片.但是我用另一个7英寸的平板就是正常的,分辨率一样,但品牌不一样.求解. 解决方案 sw600dp,这个计算的是dp,不是px. 平板的分辨率是1280*800这个说的是px,你需要算一下.然后看这个平板落到那个dp下.

代码-这个android界面怎么布局??

问题描述 这个android界面怎么布局?? 就是中间那部分,上面的title和下面的按钮已经实现了.本人初学者,要做毕设,没什么思路,可以的话,贴个代码 解决方案 你是不是不知道中间的内容页怎么嵌入进去? 这个要看你是用什么方式做的,如果是老的方式TabWidget做的,那么你中间的内容页就是一个activity 如果是用fragment做的那么中间就是fragment 至于布局不知道怎么写,这是基本功 中间大的是一个listview用于放星期几,当然星期几是固定的,也可以用7个布局容器,随便

android界面开发小结——android笔记---控件和布局

控件简介 ============================================================== 控件的设置主要依靠layout文件夹中的activity_main.xml设定   [html] view plaincopyprint? <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"       xmlns:tools="http:

iOS文本布局探讨之一——文本布局框架TextKit浅析

iOS文本布局探讨之一--文本布局框架TextKit浅析 一.引言         在iOS开发中,处理文本的视图控件主要有4中,UILabel,UITextField,UITextView和UIWebView.其中UILabel与UITextField相对简单,UITextView是功能完备的文本布局展示类,通过它可以进行复杂的富文本布局,UIWebView主要用来加载网页或者pdf文件,其可以进行HTML,CSS和JS等文件的解析.         TextKit是一个偏上层的开发框架,在i

写一个安卓界面layout的时候,图片布局高度问题

问题描述 写一个安卓界面layout的时候,图片布局高度问题 xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:paddingBottom="@dime

详解Android应用中使用TabHost组件进行布局的基本方法_Android

TabHost布局文件 我们先来了解一下布局文件的基本内容:1. 根标签及id 设置Android自带id : XML布局文件中, 可以使用 标签设置, 其中的id 需要引用 android的自带id : android:id=@android:id/tabhost ; getHost()获取前提 : 设置了该id之后, 在Activity界面可以使用 getHost(), 获取这个TabHost 视图对象; 示例 : 复制代码 代码如下: <tabhost android:id="@an