首页手记 QPython实例03-制作【ONE一个】可视化应用

QPython实例03-制作【ONE一个】可视化应用

标签：

Python

一、前言

QPython 3c在大佬的改进下，拥有了基于sl4a的FullScreenWrapper2全屏框架。文章将用该框架制作我们的可视化应用【ONE一个】。

二、最终效果如下

三、准备工作

AIDE： 使用布局助手生成xml布局代码
QPython 3C： 使用FullScreenWrapper2制作可视化应用

以上应用在后台回复应用名称即可获取下载链接，如【AIDE】

四、实现思路

使用AIDE生成布局代码
分析网站获取ONE api
使用FullScreenWrapper完成可视化应用

使用AIDE生成布局代码

在aide新建项目，在app/src/main/res/layout下新建xml，点击右上角的图片按钮进入设计界面，按照以下进行设计，在qpython中展示可能需要做调整。

然后返回，复制xml代码，xml代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:gravity="top"
	android:orientation="vertical"
	android:background="#FFF8F9FD">
	
	<LinearLayout
		android:orientation="horizontal"
		android:layout_width="match_parent"
		android:layout_height="0dp"
		android:layout_weight="1"
		android:background="#FF8BC6A7">

		<TextView
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:layout_weight="6"
			android:text="ONE•一个"
			android:id="@+id/bar_title"
			android:textSize="8sp"
			android:layout_gravity="left|center_vertical"
			android:textColor="#FFFFFFFF"
			android:layout_marginLeft="10dp"/>
			
		<Button
			android:layout_width="0dp"
			android:layout_height="wrap_content"
			android:layout_weight="1"
			android:text="分享"
			android:gravity="left"
			android:layout_gravity="right"
			android:id="@+id/btn_share"
			android:textColor="#FFFFFFFF"
			android:background="#FF8BC6A7"/>
			
		<Button
			android:layout_width="0dp"
			android:layout_height="wrap_content"
			android:layout_weight="1"
			android:layout_gravity="right"
			android:text="退出"
			android:gravity="left"
			android:id="@+id/btn_exit"
			android:textColor="#FFFFFFFF"
			android:background="#FF8BC6A7"
			android:layout_marginLeft="12dp"/>

	</LinearLayout>

<LinearLayout
		android:orientation="vertical"
		android:layout_width="match_parent"
		android:layout_height="0dp"
		android:layout_weight="19"
		android:background="#FFF8F9FD"
		android:gravity="center"
		android:layout_marginLeft="10dp"
		android:layout_marginRight="10dp">
		
		<LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:background="#FFF8F9FD"
            android:layout_marginTop="25dp">
		
            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="图片标题"
                android:textSize="5sp"
                android:textColor="#FF4B4B4B"
                android:id="@+id/title"
                android:gravity="left|center_vertical"/>

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="图片时间"
                android:textSize="5sp"
                android:textColor="#FF4B4B4B"
                android:id="@+id/date"
                android:gravity="right|center_vertical"/>
		</LinearLayout>
			
		<ImageView
			android:src="@drawable/ic_delete"
			android:layout_width="wrap_content"
			android:layout_height="0dp"
			android:id="@+id/pic"
			android:scaleType="fitXY"
			android:layout_weight="6"/>

		<TextView
			android:layout_width="wrap_content"
			android:layout_height="0dp"
			android:layout_weight="1"
			android:text="图片作者"
			android:textSize="5sp"
			android:textColor="#FF4B4B4B"
			android:id="@+id/pic_author"
			android:layout_marginTop="10dp"
			android:layout_marginBottom="10dp"/>

		<TextView
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:text="内容"
			android:textSize="7sp"
			android:textColor="#FF000000"
			android:id="@+id/content"
			android:gravity="top|left"
			android:layout_marginTop="20dp"
			android:layout_marginBottom="20dp"/>

		<TextView
			android:layout_width="wrap_content"
			android:layout_height="0dp"
			android:layout_weight="6"
			android:text="文章作者"
			android:textSize="5sp"
			android:textColor="#FF4B4B4B"
			android:layout_gravity="top|right"
			android:id="@+id/text_author"
			android:paddingLeft="20dp"/>

	</LinearLayout>
	
	
	<LinearLayout
	 android:background="#FFFFFFFF"
		android:orientation="horizontal"
		android:layout_width="match_parent"
		android:layout_height="wrap_content"
		android:layout_gravity="bottom">

		<Button
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:text="上一个"
			android:textColor="#FF37B1E8"
			android:background="#FFFFFFFF"
			android:layout_gravity="bottom"
			android:layout_weight="1"
			android:shadowDy="2"
			android:id="@+id/btn_prev"/>

		<Button
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:text="下一个"
			android:textColor="#FF37B1E8"
			android:background="#FFFFFFFF"
			android:layout_gravity="bottom"
			android:layout_weight="1"
			android:id="@+id/btn_next"/>

	</LinearLayout>

</LinearLayout>

分析网站请求获取ONE api

将其中代码改写为python版本

class OneApi(object):
    def __init__(self):
        self.TOKEN=''
        self.API='http://m.wufazhuce.com/one/ajaxlist/'
        self.COOKIES=''
        
    def getToken(self):
        if self.TOKEN:
            return self.TOKEN
        url='http://m.wufazhuce.com/one'
        try:
            res=requests.get(url)
            if res.status_code==200:
                self.COOKIES=res.headers['Set-Cookie']
                _token=res.text.split("One.token = '")[1].split("'")[0]
                if _token and len(_token)==40:
                    self.TOKEN=_token
                    return _token
                else:
                    print('未获取到token')
                    return ""
        except Exception:
            pass

    def getData(self,page=0):
        token=self.getToken()
        url=self.API + str(page) + '?_token=' + token
        headers = {
            'Cookie':self.COOKIES
        }
        res=requests.get(url,headers=headers)   
        if res.status_code==200:
            return json.loads(res.text)['data']
        else:
            return None

使用FullScreenWrapper完成可视化应用

class OnePic(Layout):
    def __init__(self):
        self.api=api
        self.index=0
        self.page=0
        self.articles=self.api.getData(self.page)
        super(OnePic,self).__init__(xmldata,"ONE一个")

    
    def on_show(self):
        # 给按钮注册事件，以及初始化
        self.add_event(key_EventHandler(handler_function=self.close_app))
        self.views.btn_share.add_event(click_EventHandler(self.views.btn_share,self.share))
        self.views.btn_exit.add_event(click_EventHandler(self.views.btn_exit,self.close_app))
        self.views.btn_prev.add_event(click_EventHandler(self.views.btn_prev,self.btn_prev))
        self.views.btn_next.add_event(click_EventHandler(self.views.btn_next,self.btn_next))
        article=self.articles[self.index]
        self.views.title.text=article['title']
        self.views.date.text=article['date']
        url=api.getPic(article["id"], article["img_url"])
        self.views.pic.src="file://"+url
        self.views.pic_author.text=article["picture_author"]
        self.views.content.text=article["content"]
        self.views.text_author.text=article["text_authors"]
        
    def on_close(self):
        # 关闭应用时执行的
        pass
    
    def close_app(self,view,event):
        # 退出app
        FullScreenWrapper2App.exit_FullScreenWrapper2App()
    
    def btn_prev(self,view,event):
        # 按钮上一个的事件函数
        article=self.prev()
        if article:
            self.views.title.text=article['title']
            self.views.date.text=article['date']
            url=api.getPic(article["id"], article["img_url"])
            self.views.pic.src="file://"+url
            self.views.pic_author.text=article["picture_author"]
            self.views.content.text=article["content"]
            self.views.text_author.text=article["text_authors"]
            
    def btn_next(self,view,event):
        # 按钮下一个的事件函数
        article=self.next()
        if article:
            self.views.title.text=article['title']
            self.views.date.text=article['date']
            url=api.getPic(article["id"], article["img_url"])
            self.views.pic.src="file://"+url
            self.views.pic_author.text=article["picture_author"]
            self.views.content.text=article["content"]
            self.views.text_author.text=article["text_authors"]
    
    def share(self, view, event):
        # 按钮分享的事件函数，分享至微信
        action="android.intent.action.SEND"
        mime="text/plain"
        article=self.articles[self.index]
        extras={
            "android.intent.extra.SUBJECT":"分享",
            "android.intent.extra.TEXT":article["content"]+"——"+article["text_authors"]
        }
        flags=268435456
        packageName="com.tencent.mm"
        className="com.tencent.mm.ui.tools.ShareImgUI"
        intent=droid.makeIntent(action=action,type=mime,extras=extras,flags=flags,packagename=packageName,classname=className)
        droid.startActivityIntent(intent.result)
    
    
    def prev(self):
        if self.index==0:
            if self.page!=0:
                self.page=self.articles[0]['id']
                self.articles=self.api.getData()
                self.index=len(self.articles)-1
                return self.articles[self.index]
            else:
                droid.makeToast("暂无更多数据")
                return None
        else:
            self.index=self.index-1
            return self.articles[self.index]
            
    def next(self):
        if self.index==len(self.articles)-1:
            self.page=self.articles[len(self.articles)-1]["id"]
            self.articles=self.api.getData(self.page)
            self.index=0
            return self.articles[self.index]
        else:
            self.index=self.index+1
            return self.articles[self.index]

不足之处

下载的图片未做清除处理，请求得越多，图片会下载，占用手机空间
分享功能不完善，能分享多个渠道更好，比如qq、微博等
用户的浏览数据未做配置化，都是从第一页开始，不能从上次的位置接着看

注意：将fullscreenwrapper2_py3.py放置在storage/emulated/0/qpython/lib/python3.11/site-packages

五。总结

本文主要用于学习python知识，让大家在实操中完成技能学习。如有不足之处，请大家评论区留言评论。

点击查看更多内容

为 TA 点赞

若觉得本文不错，就分享一下吧！

评论

评论

共同学习，写下你的评论

评论加载中...

展开查看更多评论

作者其他优质文章

正在加载中

产品经理不是经理

产品经理

手记
篇

粉丝

20

获赞与收藏

8

关注作者，订阅最新文章

阅读免费教程

Python 办公自动化教程

17个小节 24381 822

Python 算法入门教程

15个小节 25798 1015

Python 进阶应用教程

38个小节 61527 961

推荐

评论

收藏

共同学习，写下你的评论



感谢您的支持，我会继续努力的～

扫码打赏，你说多少就多少

赞赏金额会直接到老师账户

支付方式

打开微信扫一扫，即可进行扫码打赏哦

今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与放弃机会

点击
抽奖

慕课手记新用户专享福利

恭喜你，你的运气太好了，居然抽中了 100个积分！

恭喜你，抽中了价值元的专栏！

太棒了，直接落到你账户里！

积分商城里的罗技鼠标、机械键盘、
Kindle 阅读器、小米平衡车
Apple iPad （10.2英寸）、大额优惠券
在等着你去兑换了噢

作者：

免费赠送

兑换码：1111222211 复制

优惠券可用于购买实战课、体系课
无门槛使用

先去看看，有什么好东西马上兑换我爱学习，选课去


热搜

最近搜索清空