VS/Xamarin Android入门(对话框控件)三

一、对话框和提示信息

  一、对话框

      我们首先从简单的对话框开始。

      1、普通对话框

      在android里面,对话框用的是AlertDialog,这个呢,其实就和winform里面的MessageBox一样的。最简单的

AlertDialog.Builder ad_build =  new  AlertDialog.Builder( this )
                               .SetTitle(Resource.String.warming) //标题(警告)
                               .SetMessage(Resource.String.info) //获取本地string.xml定义的数据
                               .SetNegativeButton( "确定" this )
                               .SetPositiveButton( "取消" this )
                               .SetNeutralButton( "中间按钮" this )
                               .SetIcon(Android.Resource.Drawable.StatSysWarning);
                     ad_build.Show();

       其中,SetNeutralButton这里是设置的一个中间按钮,这个东西,可以有,也可以没有,代码可以直接添加到程序里面运行即可。在代码中,我们可以看到提示信息里面的,  获取本地strings.xml定义的数据。我们可以看下本地的xml数据。

<?xml version= "1.0"  encoding= "utf-8" ?>
<resources>
   < string  name= "myapp" >爺的APP</ string >
   < string  name= "info" >您确定结束本次任务?</ string >
   < string  name= "yesorno" >确定要退出吗?</ string >
   < string  name= "warming" >警告</ string >
   < string  name= "jiazai" >正在加载……</ string >
   < string  name= "Img_Info" >您有一个未接电话</ string >
   < string  name= "MyToast" >自定义提示信息</ string >
</resources>

      在这里,不得不说一下,这里的SetIcon的问题,这里的Android.Resource.Drawable这个是系统自带的图片,可能我们有时候需要去访问本地自己的图片。

      在dialog显示gif图片 由于dialog不容易取到里面空间对象,推荐使用透明样式的activity,只需把该activity的样式设置为透明样式 即android:theme="@android:style/Theme.Translucent",同时在oncreat()方法的setcontenview()之前设置requestWindowFeature(Window.FEATURE_NO_TITLE);去掉标题. 播放gif图片 由于android控件不支持播放gif。推荐使用webview 里面放入html中含有img标签 src便是图片的地址 可以使网络地址 也可以是本地地址 然后webview加载该html即实现了播放

      2、单选对话框

      单选对话框,还用的是AlertDialog

AlertDialog.Builder ad_build =  new  AlertDialog.Builder( this )
                              .SetTitle(Resource.String.warming) //标题(警告)
                              .SetSingleChoiceItems( new  string [] {  "中国" "日本" "韩国"  }, 0,  this ) //自定义的单选数组
                              .SetNegativeButton( "确定" this )
                              .SetPositiveButton( "取消" this )                          
                                      .SetIcon(Android.Resource.Drawable.StatSysWarning);
                    ad_build.Show();

       在这里,任然可以添加中间按钮,直接在后面继续加点,加Set就可以,但是单选要实现 IDialogInterfaceOnClickListener 接口,通过这个接口,我们可以获取到现在选择的到底是哪一个的值。其实,单选就是多了一个SetSingleChoiceItems这个参数,然后传值就可以。

/// <summary>
/// 单选和普通对话框
/// </summary>
/// <param name="dialog"></param>
/// <param name="which"></param>
public  void  OnClick(IDialogInterface dialog,  int  which)
{
     Toast.MakeText( this , which +  "" , ToastLength.Short).Show();
}

       这里的which就是选择的是哪一个的值,获取到值一般来说才是最重要的,我们才可以继续其他的事情。

      3、多选对话框

      多选对话框,还用的是AlertDialog

AlertDialog.Builder ad_build =  new  AlertDialog.Builder( this )
                            .SetTitle(Resource.String.warming) //标题(警告)
                            .SetMultiChoiceItems( new  string [] {  "中国" "日本" "韩国"  },  new  bool [] {  false true true  },  this ) //多选自定义数组
                            .SetNegativeButton( "确定" this )
                            .SetPositiveButton( "取消" this )
                            .SetIcon(Android.Resource.Drawable.StatSysWarning);
                   ad_build.Show();

       其中,多选框实现的 IDialogInterfaceOnMultiChoiceClickListener 是这个接口。

    /// <summary>
    /// 多选接口的实现
    /// </summary>
    /// <param name="dialog"></param>
    /// <param name="which"></param>
    /// <param name="isChecked"></param>
    public  void  OnClick(IDialogInterface dialog,  int  which,  bool  isChecked)
    {
        Toast.MakeText( this , which.ToString() + "    " + isChecked.ToString(), ToastLength.Short).Show();
    }

       同样的,这里的which是在这个多选框中的唯一ID,后面的isChecked,是否选择,通过这些,我们就可以获取到很多信息了。

      4、正在加载对话框

      正在加载用的是ProgressDialog 这个方法,这个方法同样可以 Builder,但是和SetIcon一样,如果想采取自定义的图片,同样需要前面的图片自定义的办法。

ProgressDialog p_dialog =  new  ProgressDialog( this );
p_dialog.SetMessage( "正在加载……" );
p_dialog.Show(); 

       这个效果就是登陆或者其他的那个,如果这里用 ProgressDialog.Builder 也是可以,但是要自定义显示信息,包括图片信息等等。

      5、自定义对话框

      这里自定义对话框用的还是AlertDialog,但是不同的是,自定义的对话框,要注意。自定义对话框,要完全自定义布局,也就是说,要完全定义所有的相关信息,这就相当于我们做web的时候,填出一个提示框一样,在Android里面,要完全弹出自定义对话框,那就需要View,因为所有的界面都是View,直接右键添加一个Android Layout就可以,哇咔咔,继续开始设计。

      我的界面是这样定义的:

<?xml version= "1.0"  encoding= "utf-8" ?>
<LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android"
     android:orientation= "vertical"
     android:layout_width= "match_parent"
     android:layout_height= "match_parent" >
     <TextView
         android:layout_width= "fill_parent"
         android:layout_height= "wrap_content"
         android:gravity= "center"
         android:text= "系统提示"
         android:background= "#0094FF"
         android:textColor= "#ffffff"  />
     <LinearLayout
         android:layout_width= "fill_parent"
         android:layout_height= "wrap_content"
         android:gravity= "center"
         android:background= "#848484" >
     <!--@android:drawable/stat_notify_missed_call 引用的是系统的图片-->
         <ImageView
             android:layout_width= "wrap_content"
             android:layout_height= "wrap_content"
             android:src= "@android:drawable/stat_notify_missed_call"  />
         <TextView
             android:layout_width= "wrap_content"
             android:layout_height= "wrap_content"
             android:text= "一个未接电话"  />
     </LinearLayout>
</LinearLayout>

      OK,这里要注意一点 关于 ImageView 的 src 的问题 android:src="@drawable/myapk" 这么写,引用的本地定义的myapk的图片,最好能是 png、jpg等等此类的,要是gif的好像还是要重新加载一下,这里的引用也就是自己在 drawable 文件夹添加的图片的 名字。 @android:drawable/stat_notify_missed_call 这么写就是引用的 Android SDK文件夹下面的 drawable 的文件,这些文件你得先找到你自己的文件安装路径,也就是你定义的SDK的安装路径,找到安装路径之后,platforms→android-15→data→res→drawable-ldpi 在这个文件夹下面,你就可以看到很多图片了,如果实在找不到,你还是用Android Studio安装的话,我告诉一个好消息,SDK Manager (sdk管理器)或者 AVD Manager (虚拟机管理器)的快捷方式,找到安装的根目录,这个可以做到吧。

      如图,找到对应的文件夹,依次按照platforms→android-15→data→res→drawable-ldpi 这个顺序往下点击就可以了,你就能看到你想要的了。

      后台代码:

                    View view = LayoutInflater.From(this).Inflate(Resource.Layout.MyDialog, null);
                    AlertDialog.Builder a_bulid = new AlertDialog.Builder(this);
                    a_bulid.SetMessage("自定义对话框").SetView(view);
                    a_bulid.Show();

      先用View来接收我刚定义的界面,然后给这个界面设置一个标题,然后直接用 AlertDialog 直接 Show 就可以,其中 LayoutInflater 这就是一点要注意的,这个和本身的 FindViewById就是一个相同的意思,一个找布局文件,一个找界面元素。

      6、列表对话框

      列表对话框用的还是AlertDialog

      

AlertDialog.Builder ad_build =  new  AlertDialog.Builder( this )
                             .SetTitle(Resource.String.warming) //标题(警告)
                             .SetItems( new  string [] {  "中国" "日本" "韩国"  },  this )
                             .SetNegativeButton( "确定" this )
                             .SetPositiveButton( "取消" this )
                             .SetIcon(Android.Resource.Drawable.StatSysWarning);
                    ad_build.Show();

       这里不同的就是列表对话框用的是 SetItems 这个属性

    二、提示信息

      1、普通提示信息

var  item = Toast.MakeText( this , Resource.String.info, ToastLength.Short);
//设置垂直水平居中
item.SetGravity(GravityFlags.CenterHorizontal | GravityFlags.CenterVertical, 0, 0);
item.Show();

       这里的其实没有什么注意的,就是一个 SetGravity 设置显示的位置的属性。

      2、含图片提示信息

            var item = Toast.MakeText(this, Resource.String.Img_Info, ToastLength.Short);
                    //创建一个图片视图
                    ImageView iv = new ImageView(this);
                    iv.SetImageResource(Android.Resource.Drawable.StatNotifyMissedCall);
                    //得到Toast布局(强制改变为线型布局)
                    LinearLayout toastView = (LinearLayout)item.View;
                    //设置内容显示位置
                    toastView.SetGravity(GravityFlags.Center);
                    //设置布局的方向
                    //
                    //Orientation.Horizontal 居于屏幕下方
                    //Orientation.Horizontal | Orientation.Vertical
                    //
                    toastView.Orientation = Orientation.Horizontal;
                    //给布局添加一个视图,并且设置位置
                    toastView.AddView(iv, 0);
                    //显示Toast
                    item.Show();

      3、完全自定义提示信息

View view = LayoutInflater.From( this ).Inflate(Resource.Layout.MyDialog,  null );
Toast toast =  new  Toast( this );
toast.View = view;
toast.Show();

       看到这里,相信大家都有一个简单的了解了,我做了一个简单的反思,就是Android的这个东西,当你要呈现一个新的元素或者其他的任务之类的,都需要去单独接受,感觉和委托的意思一样,是这样吗?

二、布局

     在android里面,不同的像素密度,一般使用的是dip做单位的,文字使用的是sp

            AbsoluteLayout 绝对布局(所有的信息都是写死的)

            FramerLayout 帧布局 这个布局所有的东西都是从左上角开始的,就是会叠加显示,不会像div那样挤压

            LinearLayout  线程布局(默认)默认从上到下依次
            android:orientation 设置布局方向  
            horizontal 水平均分
            layout_weight 在相同的情况下,呈现的是正好是对立的状态,在同一个线型布局里面就可以看到,

            带有layout_的都指的的是父控件的样式
            如 layout_gravity 指的是自己在父控件里面对齐样式 gravity    就是本身自己的样式

            RelativeLayout 该布局是参照父控件或者是其他控件的位置进行布局。比如说我要把A控件 ,放到B控件的下面,并且A控件的右边与B的左边对齐。类似这样的布局就可以使用相对布局来完成比较容易

            fill_parent 填满当前视图,在2.2之后的android版本 match_parent 即可(相同的意思)
            wrap_content 设置一个视图的尺寸为wrap_content将强制性地使视图扩展以显示全部内容。

    TableLayout 布局页面

     单元格属性:
          android:layout_column:指定该单元格在第几列显示(从0开始)
          android:layout_span:跨列(意思就是当前的控件占据单元格多少列)

          列属性:
          android:stretchColumns    设置可伸展的列。该列可以向行方向伸展,最多可占据一整行。
          android:shrinkColumns    设置可收缩的列。当该列子控件的内容太多,已经挤满所在行,那么该子控件的内容将往列方向显示。
          android:collapseColumns    设置要隐藏的列。

    我自己摸索的几个简单的布局,可以大家参考,参考

<?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= "wrap_content"
     android:orientation= "horizontal"
     android:id= "@+id/absoluteLayout1" >
<!--android:orientation 设置的线型布局的方向-->
<!--在android里面,不同的像素密度,一般使用的是dip做单位的,文字使用的是sp-->
<!--layout_weight 在相同的情况下,呈现的是正好是对立的状态-->
     <Button
         android:id= "@+id/MyButton1"
         android:layout_width= "fill_parent"
         android:layout_height= "wrap_content"
         android:text= "按钮一"
         android:layout_weight= "3"  />
     <Button
         android:id= "@+id/MyButton2"
         android:layout_width= "fill_parent"
         android:layout_height= "wrap_content"
         android:text= "按钮二"
         android:layout_weight= "3"  />
     <Button
         android:id= "@+id/MyButton3"
         android:layout_width= "fill_parent"
         android:layout_height= "wrap_content"
         android:text= "按钮三"
         android:layout_weight= "3"  />
</LinearLayout>

 效果图:

 

<?xml version= "1.0"  encoding= "utf-8" ?>
<RelativeLayout xmlns:android= "http://schemas.android.com/apk/res/android"
     android:layout_width= "fill_parent"
     android:layout_height= "fill_parent" >
     <EditText
         android:id= "@+id/edit"
         android:layout_width= "fill_parent"
         android:layout_height= "wrap_content"
         android:text= "下面有个按钮"  />
     <Button
         android:layout_width= "wrap_content"
         android:layout_height= "wrap_content"
         android:text= "按钮"
         android:layout_below= "@id/edit"
         android:layout_alignRight= "@id/edit"  />
</RelativeLayout>

 效果图

来个带后台代码的。  

  

<?xml version= "1.0"  encoding= "utf-8" ?>
<LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android"
     android:orientation= "vertical"
     android:layout_width= "fill_parent"
     android:layout_height= "fill_parent" >
<!--wrap_content 包裹内容-->
<!--horizontal 水平-->
<!--android:layout_height= "wrap_content"  横向包裹内容-->
     <LinearLayout
         android:orientation= "horizontal"
         android:layout_width= "fill_parent"
         android:layout_height= "wrap_content" >
         <Button
             android:id= "@+id/home"
             android:layout_width= "wrap_content"
             android:layout_height= "wrap_content"
             android:text= "首页"  />
         <Button
             android:id= "@+id/jiankang"
             android:layout_width= "wrap_content"
             android:layout_height= "wrap_content"
             android:text= "第二个页面"  />
         <Button
             android:text= "第三个"
             android:layout_width= "wrap_content"
             android:layout_height= "match_parent"
             android:id= "@+id/button1"  />
     </LinearLayout>
     <FrameLayout
         android:layout_width= "fill_parent"
         android:layout_height= "fill_parent" >
         <LinearLayout
             android:id= "@+id/layout1"
             android:layout_width= "fill_parent"
             android:layout_height= "fill_parent" >
             <TextView
                 android:layout_width= "fill_parent"
                 android:layout_height= "fill_parent"
                 android:text= "第一个布局"
                 android:background= "#0094ff"  />
         </LinearLayout>
         <LinearLayout
             android:id= "@+id/layout2"
             android:layout_width= "fill_parent"
             android:layout_height= "fill_parent" >
             <TextView
                 android:layout_width= "fill_parent"
                 android:layout_height= "fill_parent"
                 android:text= "第二个布局"
                 android:background= "#0045ff"  />
         </LinearLayout>
         <LinearLayout
             android:id= "@+id/layout3"
             android:layout_width= "fill_parent"
             android:layout_height= "wrap_content"
             android:orientation= "vertical" >
             <TextView
                 android:layout_width= "wrap_content"
                 android:layout_height= "match_parent"
                 android:text= "第三个布局"
                 android:textSize= "24sp"
                 android:id= "@+id/tv1"  />
             <TextView
                 android:layout_width= "wrap_content"
                 android:layout_height= "match_parent"
                 android:textSize= "36sp"
                 android:id= "@+id/tv2"
                 android:gravity= "center"  />
         </LinearLayout>
     </FrameLayout>
</LinearLayout>

 后台代码

public  class  MainActivity : Activity, View.IOnClickListener
{
     public  void  OnClick(View v)
     {
         LinearLayout layout3 = FindViewById<LinearLayout>(Resource.Id.layout3);
         LinearLayout layout2 = FindViewById<LinearLayout>(Resource.Id.layout2);
         LinearLayout layout1 = FindViewById<LinearLayout>(Resource.Id.layout1);
         if  (v.Id == Resource.Id.home)
         {
             layout1.Visibility = ViewStates.Visible;
             layout2.Visibility = ViewStates.Invisible;
             layout3.Visibility = ViewStates.Invisible;
         }
         if  (v.Id == Resource.Id.jiankang)
         {
             layout2.Visibility = ViewStates.Visible;
             layout1.Visibility = ViewStates.Invisible;
             layout3.Visibility = ViewStates.Invisible;
         }
 
         if  (v.Id == Resource.Id.button1)
         {
             layout3.Visibility = ViewStates.Visible;
             layout1.Visibility = ViewStates.Invisible;
             layout2.Visibility = ViewStates.Invisible;
         }
     }
 
     protected  override  void  OnCreate(Bundle bundle)
     {
         base .OnCreate(bundle);
         // Set our view from the "main" layout resource
 
 
         //  RelativeLayout
         //该布局是参照父控件或者是其他控件的位置进行布局。比如说我要把A控件
         //放到B控件的下面,并且A控件的右边与B的左边对齐。类似这样的布局就可
         //以使用相对布局来完成比较容易
         SetContentView(Resource.Layout.line);
 
         /*
         // 相对于给定ID控件
             android:layout_above 将该控件的底部置于给定ID的控件之上;
             android:layout_below 将该控件的底部置于给定ID的控件之下;
             android:layout_toLeftOf    将该控件的右边缘与给定ID的控件左边缘对齐;
             android:layout_toRightOf  将该控件的左边缘与给定ID的控件右边缘对齐;
 
             android:layout_alignBaseline  将该控件的baseline与给定ID的baseline对齐;
             android:layout_alignTop        将该控件的顶部边缘与给定ID的顶部边缘对齐;
             android:layout_alignBottom   将该控件的底部边缘与给定ID的底部边缘对齐;
             android:layout_alignLeft        将该控件的左边缘与给定ID的左边缘对齐;
             android:layout_alignRight      将该控件的右边缘与给定ID的右边缘对齐;
             // 相对于父组件
             android:layout_alignParentTop      如果为true,将该控件的顶部与其父控件的顶部对齐;
             android:layout_alignParentBottom 如果为true,将该控件的底部与其父控件的底部对齐;
             android:layout_alignParentLeft      如果为true,将该控件的左部与其父控件的左部对齐;
             android:layout_alignParentRight    如果为true,将该控件的右部与其父控件的右部对齐;
             // 居中
             android:layout_centerHorizontal 如果为true,将该控件的置于水平居中;
             android:layout_centerVertical     如果为true,将该控件的置于垂直居中;
             android:layout_centerInParent   如果为true,将该控件的置于父控件的中央;
             // 指定移动像素
             android:layout_marginTop      上偏移的值;
             android:layout_marginBottom 下偏移的值;
             android:layout_marginLeft   左偏移的值;
             android:layout_marginRight   右偏移的值;
 
         */
 
         /*
         设置line简单布局
         Introduce/Test007 布局说明.txt
         */
         //SetContentView(Resource.Layout.line);
         //layoutExample();
 
     }
     /// <summary>
     /// Line布局
     /// </summary>
     private  void  layoutExample()
     {
         Button btn = FindViewById<Button>(Resource.Id.home);
         btn.SetOnClickListener( this );
         Button btn1 = FindViewById<Button>(Resource.Id.jiankang);
         btn1.SetOnClickListener( this );
         Button bt1 = FindViewById<Button>(Resource.Id.button1);
         bt1.SetOnClickListener( this );
     }
}

 今天就到这里……

猜你喜欢

转载自www.cnblogs.com/xtxk110/p/12155715.html
今日推荐