app详细介绍界面-01
2015-08-13 08:01
537 查看
在我们的上一篇博客中,我们介绍了首页中的app列表界面如何完成,这个ListView以及其Adapter会在我们后面的界面中重用,所以这个是比较重要的,在这一篇博客中,我们先完成app详细介绍界面的一部分,当我们点击ListView的每一个item的时候,会进入我们这个界面进行app的详细介绍。
我们先来看一下效果图。
这个小界面还是比较简单的。
首先我们先要完成上面的一个导航栏,其中包括左面的箭头和中间的文字以及颜色。
我们在res/layout文件夹下面创建一个新的文件,命名为activity_app_detail.xml
我们先来看一下上面的导航栏的代码:
下面我们看一下,颜色mbarcolor的定义,该颜色定义在res/color/color.xml 文件中,代码如下:
下面我们来定义后面的那个显示app图片和其他信息的显示界面。我们在文件activity_app_detail.xml文件中接着续上后面的代码:
在这里我们定义成ScrollView,因为在后面还有很多内容需要添加。
好了,这里我们就定义好我们的界面了,接着,我们创建一个Activity来显示该界面,以及为首页上的ListView添加监听来跳转到这个界面中来。
在src/com.sdu.activities中创建AppDetailInfoActivity,继承自BaseActivity.
接下来,我们来看一下HomeActivity中ListView的监听。
好了,这样整体的工作就完成了,对了,千万不要忘记在AndroidManifest.xml中注册该Activity。
这样,这个小界面就完成了,大家自己完成一下,看一下吧。在下面的文章中,我们继续完成我们的app详细界面的介绍。
我们先来看一下效果图。
这个小界面还是比较简单的。
首先我们先要完成上面的一个导航栏,其中包括左面的箭头和中间的文字以及颜色。
我们在res/layout文件夹下面创建一个新的文件,命名为activity_app_detail.xml
我们先来看一下上面的导航栏的代码:
<RelativeLayout android:id="@+id/rl_app_detail_title" android:layout_width="fill_parent" android:layout_height="@dimen/bar_height" android:layout_alignParentTop="true" android:background="@color/mbarcolor" > <TextView android:id="@+id/tv_app_detail_back" android:layout_width="@dimen/bake_size" android:layout_height="@dimen/bake_size" android:layout_centerVertical="true" android:layout_marginLeft="10dp" android:background="@drawable/button_back" android:clickable="true" android:gravity="center" /> <TextView android:id="@+id/tv_app_detail_appName" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:gravity="center" android:text="详情" android:textColor="@color/white" android:textSize="24sp" android:textStyle="bold" /> </RelativeLayout>
下面我们看一下,颜色mbarcolor的定义,该颜色定义在res/color/color.xml 文件中,代码如下:
<color name="mbarcolor">#29abe2</color>
下面我们来定义后面的那个显示app图片和其他信息的显示界面。我们在文件activity_app_detail.xml文件中接着续上后面的代码:
<ScrollView android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@id/rl_app_detail_title" > <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" > <RelativeLayout android:id="@+id/rl_general" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/mbarcolor" > <ImageView android:id="@+id/iv_app_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:layout_marginTop="5dp" android:background="@drawable/icon4" /> <RelativeLayout android:id="@+id/rl_tv_detail" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="3dip" android:layout_marginTop="5dp" android:layout_toRightOf="@+id/iv_app_icon" > <TextView android:id="@+id/tv_app_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:singleLine="true" android:text="酷我音乐" android:textColor="@color/white" android:textSize="18sp" /> <LinearLayout android:id="@+id/ll_rank" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/tv_app_name" android:layout_marginTop="3dp" android:orientation="horizontal" > <ImageView android:layout_width="15dp" android:layout_height="15dp" android:background="@drawable/star_on" /> <ImageView android:layout_width="15dp" android:layout_height="15dp" android:background="@drawable/star_on" /> <ImageView android:layout_width="15dp" android:layout_height="15dp" android:background="@drawable/star_on" /> <ImageView android:layout_width="15dp" android:layout_height="15dp" android:background="@drawable/star_on" /> <ImageView android:layout_width="15dp" android:layout_height="15dp" android:background="@drawable/star_off" /> </LinearLayout> <RelativeLayout android:id="@+id/rl_down_size" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/ll_rank" android:layout_marginTop="3dp" > <TextView android:id="@+id/tv_app_size" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="18.92M" android:textColor="@color/white" android:textSize="12sp" > </TextView> <TextView android:id="@+id/tv_down_count" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="8dp" android:layout_toRightOf="@id/tv_app_size" android:text="57288次下载" android:textColor="@color/white" android:textSize="12sp" /> </RelativeLayout> </RelativeLayout> <View android:layout_width="match_parent" android:layout_height="0dp" android:layout_below="@id/iv_app_icon" android:layout_marginTop="5dp" /> </RelativeLayout> </RelativeLayout> </ScrollView>
在这里我们定义成ScrollView,因为在后面还有很多内容需要添加。
好了,这里我们就定义好我们的界面了,接着,我们创建一个Activity来显示该界面,以及为首页上的ListView添加监听来跳转到这个界面中来。
在src/com.sdu.activities中创建AppDetailInfoActivity,继承自BaseActivity.
package com.sdu.activities; import com.sdu.androidmarket.R; import android.view.View; import android.view.Window; import android.widget.TextView; public class AppDetailInfoActivity extends BaseActivity { private TextView tv_app_detail_back; @Override public void initWidget() { // TODO Auto-generated method stub requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_app_detail); tv_app_detail_back = (TextView)findViewById(R.id.tv_app_detail_back); tv_app_detail_back.setOnClickListener(this); } @Override public void widgetClick(View v) { // TODO Auto-generated method stub switch(v.getId()){ case R.id.tv_app_detail_back: AppDetailInfoActivity.this.finish(); break; } } }
接下来,我们来看一下HomeActivity中ListView的监听。
lv_apps.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { // TODO Auto-generated method stub Intent intent = new Intent(HomeActivity.this,AppDetailInfoActivity.class); startActivity(intent); } });
好了,这样整体的工作就完成了,对了,千万不要忘记在AndroidManifest.xml中注册该Activity。
<activity android:name="com.sdu.activities.AppDetailInfoActivity" > </activity>
这样,这个小界面就完成了,大家自己完成一下,看一下吧。在下面的文章中,我们继续完成我们的app详细界面的介绍。
相关文章推荐
- ios关于frame等知识点的总结一
- WebView的高级用法
- Android Api Demos登顶之路(三十二)Alarm Service
- 简单粗暴实现RecycleView的瀑布流的粘性头部(非ItemDecoration实现)
- IOS——TableView 中利用Item模型进行 Cell 的开发(1)TableView 篇
- Android之史上最全最简单最有用的第三方开源库收集整理
- Android沉浸式状态栏攻略
- android中自定义进度条样式(ProgressDialog)
- Unity3D之AssetBundle【7】共享资源打包/依赖资源打包
- Unity3D之AssetBundle【6】解包场景
- Unity3D之AssetBundle【5】打包场景
- Android中Parcelable序列化总结
- iOS设计模式---备忘录模式
- iOS 利用pod_trunk发布程序
- Unity3D之AssetBundle【4】简易AssetBundle打包、加载demo
- Android笔记(十) Android中的布局——表格布局
- Unity3D之AssetBundle【3】AssetBundle资源加载管理器
- 推荐几个实用的Android工具类
- Android4.4 往短信收件箱中插入自定义短信(伪造短信)
- Unity3D之AssetBundle【2】AssetBundle流程分析